/* =========================================================
   AMARAH — Design Tokens
   Source of truth: Brand Identity D2
   ========================================================= */

:root {
  /* ---------- Brand Colors (Primary Palette) ---------- */
  --amr-chalk-dust:   #ebe8df; /* soft cream */
  --amr-burnt-bark:   #30231a; /* deep earthy brown */
  --amr-ivory-husk:   #d0b795; /* warm champagne gold */

  /* ---------- Brand Colors (Secondary Palette) ---------- */
  --amr-midnight-tide:#08202a; /* deep teal-navy */
  --amr-obsidian:     #070707; /* near black */
  --amr-ivory-veil:   #fcfcfc; /* page white */

  /* ---------- Semantic ---------- */
  --color-bg:         var(--amr-ivory-veil);
  --color-bg-alt:     var(--amr-chalk-dust);
  --color-surface:    #ffffff;
  --color-ink:        var(--amr-burnt-bark);
  --color-ink-soft:   #5a483d;
  --color-ink-mute:   #8a7a6e;
  --color-accent:     var(--amr-ivory-husk);
  --color-accent-dk:  #a8906c;
  --color-deep:       var(--amr-midnight-tide);
  --color-line:       rgba(48, 35, 26, 0.12);
  --color-line-soft:  rgba(48, 35, 26, 0.06);

  /* ---------- Typography ---------- */
  --font-display: "Fraunces", Georgia, serif;
  --font-sans:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* Scale (Major Third — 1.250) */
  --fs-12:  0.75rem;
  --fs-13:  0.8125rem;
  --fs-14:  0.875rem;
  --fs-16:  1rem;
  --fs-18:  1.125rem;
  --fs-20:  1.25rem;
  --fs-24:  1.5rem;
  --fs-28:  1.75rem;
  --fs-32:  2rem;
  --fs-40:  2.5rem;
  --fs-48:  3rem;
  --fs-56:  3.5rem;
  --fs-64:  4rem;
  --fs-80:  5rem;
  --fs-96:  6rem;
  --fs-112: 7rem;

  /* Weights */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Line heights */
  --lh-tight: 1.05;
  --lh-snug:  1.2;
  --lh-base:  1.55;
  --lh-loose: 1.75;

  /* Letter spacing */
  --ls-tight: -0.02em;
  --ls-base: 0;
  --ls-wide: 0.04em;
  --ls-wider: 0.14em;
  --ls-widest: 0.22em;

  /* ---------- Spacing (8px grid) ---------- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  40px;
  --sp-8:  48px;
  --sp-9:  64px;
  --sp-10: 80px;
  --sp-11: 96px;
  --sp-12: 128px;
  --sp-13: 160px;
  --sp-14: 200px;

  /* ---------- Layout ---------- */
  --container-max: 1280px;
  --container-pad: clamp(24px, 4vw, 64px);
  --nav-h: 96px;

  /* ---------- Radii ---------- */
  --r-0: 0;
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 8px;
  --r-pill: 999px;

  /* ---------- Shadows ---------- */
  --shadow-xs: 0 1px 2px rgba(8, 32, 42, 0.04);
  --shadow-sm: 0 2px 10px rgba(8, 32, 42, 0.06);
  --shadow-md: 0 10px 30px rgba(8, 32, 42, 0.08);
  --shadow-lg: 0 24px 60px rgba(8, 32, 42, 0.12);

  /* ---------- Motion ---------- */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --dur-1: 180ms;
  --dur-2: 320ms;
  --dur-3: 520ms;
  --dur-4: 800ms;
  --dur-5: 1200ms;
}