/* ============================================================================
 * variables.css — Tarabalam design tokens
 * ----------------------------------------------------------------------------
 * Canonical record of the values currently hard-coded throughout the stylesheet.
 * ADDITIVE ONLY: declaring these custom properties changes nothing on its own —
 * existing rules still use their literal values, so the UI is byte-identical.
 * Migrating rules to reference these tokens is a later, separately-verified step
 * (each swap must produce the exact same computed color).
 * ==========================================================================*/
:root {
  /* ── Brand / accent ── */
  --tb-orange:        #c85000;   /* theme-color, active nav, primary accent */
  --tb-orange-soft:   #ffa060;
  --tb-orange-deep:   #8a3000;
  --tb-orange-deeper: #6a2800;
  --tb-amber:         #a06010;

  /* ── Gold ── */
  --tb-gold:          #ffd700;
  --tb-gold-soft:     #ffd060;
  --tb-gold-muted:    #c8a000;
  --tb-gold-pale:     #fff0d0;

  /* ── Neutrals / text ── */
  --tb-white:         #ffffff;
  --tb-cream:         #fff8ee;

  /* ── Surfaces (dark cosmic background scale) ── */
  --tb-bg:            #0e1240;   /* body background */
  --tb-surface-1:     #1a1f35;
  --tb-surface-2:     #1e2448;
  --tb-surface-3:     #141830;
  --tb-surface-4:     #0d1025;
  --tb-surface-violet:#2d1b4e;

  /* ── Violet accents ── */
  --tb-violet:        #a78bfa;
  --tb-violet-deep:   #6040b0;

  /* ── Semantic status ── */
  --tb-positive:      #80ff60;   /* auspicious / good tara */
  --tb-positive-deep: #2a7020;
  --tb-positive-bg:   #0a2010;
  --tb-negative:      #ff6070;   /* inauspicious / bad tara */
  --tb-negative-soft: #ff8080;
  --tb-negative-deep: #8a1020;

  /* ── Typography ── */
  --tb-font-display:  'Cinzel', serif;
  --tb-font-body:     'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Z-index scale (as used today) ── */
  --tb-z-base:        100;
  --tb-z-overlay:     500;
  --tb-z-popup:       999;
  --tb-z-nav:         9000;
  --tb-z-modal:       9999;
  --tb-z-toast:       99999;
}
