:root {
      --bg:        #0A0B12;
      --surf:      rgba(255,255,255,0.035);
      --surf-hi:   rgba(255,255,255,0.065);
      --border:    rgba(255,255,255,0.075);
      --border-hi: rgba(255,255,255,0.13);

      --blue:      #00AAFF;
      --blue-hi:   #44CCFF;
      --blue-deep: #0077DD;
      --blue-glow: rgba(0,170,255,0.45);

      --gold:       #F5B030;
      --gold-hi:    #FFE566;
      --gold-amber: #D4900E;   /* accent gold — headings, decorative */
      --gold-glow:  rgba(245,176,48,0.55);
      --gold-dim:   rgba(212,144,14,0.35);
      --gold-grad:  linear-gradient(135deg, #FFE566 0%, #F5B030 50%, #C87818 100%);

      --text:   #FFFFFF;
      --text-2: #B5B5B5;
      --text-3: #7878A0;

      --font-d: 'Syne', system-ui, sans-serif;
      --font-b: 'Inter', system-ui, sans-serif;
      --font-m: 'JetBrains Mono', ui-monospace, monospace;

      --pad:   32px;
      --max-w: 1280px;
      --r-sm:  8px;
      --r-md:  14px;
      --r-lg:  22px;
      --r-xl:  32px;

      --ease: cubic-bezier(0.16, 1, 0.3, 1);
    }