/* mara-vital — Color Tokens
   Philosophy: Brunello Cucinelli × Badrutt's Palace.
   Everything whispers. The accent is a hairline, never a fill. */

:root {
  /* ── Dark surfaces ─────────────────────────────────────────── */
  --color-dark:          #111018;   /* primary dark — near-black with warm purple undertone */
  --color-dark-deep:     #0A0A0E;   /* deepest dark — hero backgrounds, video */
  --color-dark-90:       rgba(17,16,24,0.90);
  --color-dark-50:       rgba(17,16,24,0.50);
  --color-dark-25:       rgba(17,16,24,0.25);

  /* ── Light surfaces ────────────────────────────────────────── */
  --color-white:         #ffffff;   /* pure white sections */
  --color-warm-bg:       #F4EFE6;   /* cashmere — finder, testimonial, contact right */
  --color-warm-bg-deep:  #EDE8DC;   /* deeper cashmere — borders, inset panels */
  --color-border-light:  #E8E0D4;   /* hairline on warm bg */

  /* ── Accent (cashmere gold) ────────────────────────────────── */
  /* RULE: accent is used ONLY as border, hairline, or label tint — never as a fill */
  --color-accent:        #C0A87E;
  --color-accent-70:     rgba(192,168,126,0.70);
  --color-accent-40:     rgba(192,168,126,0.40);
  --color-accent-20:     rgba(192,168,126,0.20);
  --color-accent-10:     rgba(192,168,126,0.10);

  /* ── Text ──────────────────────────────────────────────────── */
  --color-text-primary:       #111018;
  --color-text-muted:         #6E6861;               /* body on light */
  --color-text-ghost:         rgba(17,16,24,0.35);
  --color-text-on-dark:       #ffffff;
  --color-text-muted-on-dark: rgba(255,255,255,0.35);
  --color-text-ghost-on-dark: rgba(255,255,255,0.18);
  --color-text-accent-label:  var(--color-accent);   /* category labels, step numbers */
}