/* ============================================================
   PRIMEPATH — CENTRALIZED DESIGN TOKENS
   design-tokens.css
   ============================================================
   Single source of truth for colors, typography, spacing,
   easing, and layout across ALL public pages.
   ============================================================ */

:root {
  /* ── BACKGROUNDS ─────────────────────────────────────────────── */
  --ink:          #222222;
  --ink-1:        #272727;
  --ink-2:        #2d2d2d;
  --ink-3:        #363636;
  --ink-4:        #3e3e3e;

  /* ── ACCENT — warm gold ─────────────────────────────────────── */
  --gold:         #c9a84c;
  --gold-light:   #e7cf85;
  --gold-dim:     rgba(201, 168, 76, 0.18);
  --gold-line:    rgba(201, 168, 76, 0.35);

  /* Legacy aliases (used by header / footer / preloader) */
  --champagne:       var(--gold);
  --champagne-2:     var(--gold-light);
  --champagne-dim:   var(--gold-dim);
  --champagne-line:  var(--gold-line);

  /* ── TEXT COLORS ─────────────────────────────────────────────── */
  --white:        #ffffff;
  --white-90:     rgba(255,255,255,0.92);
  --white-72:     rgba(255,255,255,0.89);
  --white-50:     rgba(255,255,255,0.87);
  --white-40:     rgba(255,255,255,0.86);
  --white-18:     rgba(255,255,255,0.85);
  --white-10:     rgba(255,255,255,0.84);
  --white-08:     rgba(255,255,255,0.20);
  --white-04:     rgba(255,255,255,0.60);

  /* Semantic text tokens */
  --text-primary: var(--white);
  --text-heading: var(--white);
  --text-body:    var(--white-72);
  --text-muted:   var(--white-50);
  --text-dim:     var(--white-40);
  --text-faint:   var(--white-18);
  --text-label:   var(--gold);

  /* ── STRUCTURE ──────────────────────────────────────────────── */
  --line:         rgba(255,255,255,0.14);
  --line-warm:    rgba(201,168,76,0.14);
  --radius:       2px;

  /* ── LEGACY ALIASES (header / footer / chaffeur naming) ─────── */
  --black:        var(--ink);
  --black-2:      var(--ink-1);
  --black-3:      var(--ink);
  --ink-5:        var(--ink-4);
  --gold-bg:      rgba(201,168,76,0.08);
  --gold-dark:    #9a7a32;
  --gold-dim-alt: #8a6f34;
  --gold-light-alt: #e2c47a;
  --gray:         #e2e2e2;
  --gray-light:   #e9e9e9;
  --gold-rgb:     201, 168, 76;
  --text:         var(--white);
  --text-dim:     var(--white-90);
  --text-faint:   var(--white-72);
  --line2:        rgba(255,255,255,0.18);

  /* ── STATUS COLORS (success / error) ────────────────────────── */
  --success:         #3a8a5c;
  --success-bg:      rgba(58,138,92,0.08);
  --success-text:    rgba(140,220,170,0.9);
  --success-border:  #3a8a5c;
  --error:           #9b3a3a;
  --error-bg:        rgba(155,58,58,0.08);
  --error-text:      rgba(220,140,140,0.9);
  --error-border:    #9b3a3a;

  /* ── CHAFFEUR-APPLY TOKENS ──────────────────────────────────── */
  --green:           #3a8c64;
  --green-bg:        rgba(58,140,100,0.10);
  --red-bg:          rgba(181,64,64,0.08);
  --red-line:        rgba(181,64,64,0.28);
  --red-text:        #e07070;

  /* ── PRELOADER TOKENS ───────────────────────────────────────── */
  --gold-2:           var(--gold-light);
  --text-muted:       var(--white-50);

  /* ── TYPOGRAPHY — font families ─────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'DM Sans', system-ui, -apple-system, sans-serif;
  --font-accent:  'Cinzel', serif;
  --font-nav:     'Montserrat', sans-serif;

  /* Legacy aliases */
  --display: var(--font-display);
  --body:    var(--font-body);

  /* ── TYPOGRAPHY — font sizes ────────────────────────────────── */
  /* Base / body */
  --fs-body:      13px;
  --fs-body-lg:   14px;
  --fs-body-sm:   13px;
  --fs-body-xs:   12px;
  --fs-body-xxs:  11px;

  /* Labels & tags */
  --fs-label:     12px;
  --fs-label-md:  9px;
  --fs-label-lg:  10px;

  /* Headings — fluid clamps */
  --fs-h1:        clamp(48px, 7vw, 100px);
  --fs-h2:        clamp(36px, 5vw, 72px);
  --fs-h3:        clamp(24px, 2.5vw, 34px);
  --fs-h4:        clamp(20px, 2.4vw, 32px);
  --fs-h5:        clamp(18px, 2vw, 26px);

  /* Display / hero sizes */
  --fs-display-xl: clamp(52px, 8vw, 108px);
  --fs-display-lg: clamp(42px, 6.5vw, 96px);

  /* ── TYPOGRAPHY — line heights ──────────────────────────────── */
  --lh-tight:     0.92;
  --lh-heading:   1.02;
  --lh-body:      1.9;
  --lh-relaxed:   1.78;
  --lh-normal:    1.55;

  /* ── TYPOGRAPHY — letter spacing ────────────────────────────── */
  --ls-tight:     -0.02em;
  --ls-normal:    0;
  --ls-label:     0.20em;
  --ls-wide:      0.16em;
  --ls-wider:     0.22em;

  /* ── EASING ─────────────────────────────────────────────────── */
  --ease:         cubic-bezier(0.23, 1, 0.32, 1);
  --ease-fluid:   cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* ── LAYOUT ─────────────────────────────────────────────────── */
  --max:          1380px;
  --pad:          64px;
}