/* ============================================================
   DESIGN TOKENS — Questoria Process Map
   Matches visual language of workflow-optimization-review.html
   ============================================================ */

:root {
  /* Brand colours */
  --gold:        #C8A84E;
  --gold-light:  #E6C76B;
  --amber:       #E6A817;

  /* Backgrounds */
  --navy:        #0F1629;
  --navy-light:  #1A1E3A;
  --navy-card:   #161B33;

  /* Semantic colours */
  --green:       #22C55E;
  --green-bg:    rgba(34,197,94,0.08);
  --blue:        #3B82F6;
  --blue-bg:     rgba(59,130,246,0.08);
  --purple:      #A855F7;
  --purple-bg:   rgba(168,85,247,0.08);
  --orange:      #F97316;
  --orange-bg:   rgba(249,115,22,0.08);
  --red:         #EF4444;
  --red-bg:      rgba(239,68,68,0.06);
  --teal:        #14B8A6;
  --teal-bg:     rgba(20,184,166,0.08);

  /* Text */
  --white:       #FFFFFF;
  --text:        #E8E6E3;
  --text-muted:  #9A98A0;
  --text-dim:    #6B6A70;

  /* Glass surfaces */
  --glass:        rgba(255,255,255,0.04);
  --glass-border: rgba(255,255,255,0.08);
  --glass-hover:  rgba(255,255,255,0.08);

  /* Shape */
  --radius:    16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  /* Elevation */
  --shadow:    0 8px 32px rgba(0,0,0,0.3);
  --shadow-lg: 0 24px 64px rgba(0,0,0,0.5);

  /* Motion */
  --transition: 0.3s cubic-bezier(0.4,0,0.2,1);

  /* Layout */
  --max-w: 1200px;
  --tab-h: 52px;
}