/* ============================================================
   Mark Anupom Mollick — Design Tokens
   Source of truth: Brand Guidelines PDF (gold #D8AA29 / #B87B28,
   charcoal #414042, gray #58595B) + Visby CF / Dhanikans Signature.
   Dark-luxe editorial. No value ships outside this file.
   ============================================================ */

:root {
  /* ---- Brand color scales ---------------------------------- */
  /* Gold — the signature accent */
  --gold-100: #F9EFD4;
  --gold-200: #F4E3B2;
  --gold-300: #EBCF7E;
  --gold-400: #E7C25A;   /* bright hover gold */
  --gold-500: #D8AA29;   /* BRAND primary gold */
  --gold-600: #B87B28;   /* BRAND deep gold */
  --gold-700: #8F5F1E;
  --gold-800: #654314;
  --gold-900: #3D280C;

  /* Warm charcoal neutrals (brand-cast: warm, never blue) */
  --char-025: #FBF8F1;   /* paper */
  --char-050: #F5F1E8;   /* warm white ink-on-dark */
  --char-100: #E9E3D6;
  --char-200: #CFC8BA;
  --char-300: #AFA79A;
  --char-400: #8F887C;
  --char-500: #6E6960;
  --char-600: #58595B;   /* BRAND gray  */
  --char-700: #414042;   /* BRAND charcoal */
  --char-800: #2B2724;
  --char-850: #262120;
  --char-900: #201C1A;   /* page canvas */
  --char-950: #171412;   /* deep band  */

  /* ---- Semantic tokens (dark canvas is the default) --------- */
  --color-bg:        var(--char-900);
  --color-surface:   var(--char-850);
  --color-surface-2: var(--char-800);
  --color-ink:       var(--char-050);
  --color-body:      var(--char-200);
  --color-muted:     var(--char-400);
  --color-line:      rgba(216, 170, 41, 0.16);
  --color-line-soft: rgba(245, 241, 232, 0.09);
  --color-accent:    var(--gold-500);
  --color-accent-hi: var(--gold-400);

  /* Light band variants (paper sections) */
  --paper-bg:    var(--char-025);
  --paper-ink:   var(--char-700);
  --paper-body:  var(--char-600);
  --paper-muted: var(--char-500);
  --paper-line:  rgba(184, 123, 40, 0.22);

  /* ---- Gradients -------------------------------------------- */
  --grad-gold:        linear-gradient(100deg, var(--gold-600) 0%, var(--gold-500) 55%, var(--gold-400) 100%);
  --grad-gold-bright: linear-gradient(100deg, var(--gold-500) 0%, var(--gold-300) 60%, var(--gold-200) 100%);
  --grad-hero-glow:   radial-gradient(ellipse 62% 52% at 50% 42%, rgba(216,170,41,.20) 0%, rgba(216,170,41,.07) 45%, transparent 72%);
  --grad-band:        linear-gradient(180deg, var(--char-950) 0%, var(--char-900) 100%);

  /* ---- Typography ------------------------------------------- */
  --font-sans:   "Visby CF", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-script: "Dhanikans Signature", cursive;

  /* Fluid type scale */
  --fs-display:   clamp(2.75rem, 1.6rem + 5vw,   4.75rem);
  --fs-hero-name: clamp(1.85rem, 0.6rem + 5.4vw, 3.5rem); /* keeps full name on ONE line */
  --fs-h1:      clamp(2.25rem, 1.5rem + 3.2vw, 3.5rem);
  --fs-h2:      clamp(1.75rem, 1.3rem + 1.9vw, 2.5rem);
  --fs-h3:      clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);
  --fs-h4:      1.125rem;
  --fs-lead:    clamp(1.125rem, 1rem + 0.55vw, 1.3125rem);
  --fs-body:    1rem;
  --fs-sm:      0.875rem;
  --fs-xs:      0.75rem;
  --fs-script:  clamp(1.75rem, 1.2rem + 2.4vw, 2.75rem);

  --lh-tight: 1.12;
  --lh-head:  1.2;
  --lh-body:  1.65;

  --ls-caps: 0.14em;

  /* ---- Spacing (4px base) ------------------------------------ */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --section-y: clamp(4rem, 2.5rem + 6vw, 7.5rem);

  /* ---- Radii / shadows --------------------------------------- */
  --radius-sm:   6px;
  --radius:      12px;
  --radius-lg:   20px;
  --radius-pill: 999px;

  --shadow-card: 0 10px 34px rgba(0, 0, 0, 0.42), 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-gold: 0 6px 26px rgba(216, 170, 41, 0.24);
  --shadow-lift: 0 18px 48px rgba(0, 0, 0, 0.5);

  /* ---- Layout ------------------------------------------------- */
  --container:        72rem;
  --container-narrow: 46rem;
  --container-wide:   82rem;
  --header-h:         4.5rem;

  /* ---- Focus / motion ----------------------------------------- */
  --focus-ring: 0 0 0 3px rgba(216, 170, 41, 0.55);
  --dur-fast:  160ms;
  --dur:       280ms;
  --dur-slow:  600ms;
  --ease:      cubic-bezier(0.22, 0.8, 0.3, 1);

  /* ---- Signature motif: gold pen-stroke swash ----------------- */
  /* A single calligraphic underline stroke, echoing the wordmark. */
  --motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' fill='none'%3E%3Cpath d='M2 9.5C24 3.5 50 2 74 4.5c17 1.8 30 4 44 3' stroke='%23D8AA29' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
  --motif-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' fill='none'%3E%3Cpath d='M2 9.5C24 3.5 50 2 74 4.5c17 1.8 30 4 44 3' stroke='%23F5F1E8' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
  /* Diamond bullet for lists */
  --motif-dot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect x='5' y='0.8' width='6' height='6' transform='rotate(45 5 2)' fill='%23D8AA29'/%3E%3C/svg%3E");
}