/* ===========================================================
   UbtanO Acquisition Prospectus — Design Tokens
   Palette and type derived from the live UbtanO brand:
   gold gradient sampled from the official logo SVG,
   Italiana + Jost are the brand's own typefaces.
   =========================================================== */

:root {
  /* ---- Surface ---- */
  --paper:          oklch(98.2% 0.012 92);    /* #FFFCF6 warm white  */
  --parchment:      oklch(96.1% 0.019 90);    /* #F7F2E8 page ground */
  --parchment-deep: oklch(92.4% 0.024 88);    /* #ECE4D4 card ground */
  --linen:          oklch(89.5% 0.026 86);    /* #E2D8C4 rules/edges */

  /* ---- Ink ---- */
  --ink:        oklch(21% 0.014 130);         /* #1B1F17 body + display */
  --ink-soft:   oklch(40% 0.014 128);         /* #444839 secondary     */
  --ink-muted:  oklch(52% 0.011 125);         /* #6B7164 tertiary      */
  --ink-invert: oklch(96.1% 0.019 90);

  /* ---- Brand gold (from ubtan-logo-v3.svg gradient stops) ---- */
  --gold-deep: #8a6718;   /* AA-safe on parchment for small text */
  --gold:      #a57d24;
  --gold-mid:  #cbad52;
  --gold-lite: #f1dd80;

  /* ---- Botanical accents ---- */
  --sage:   oklch(66% 0.055 132);             /* from brand's ingredient pills */
  --sage-deep: oklch(44% 0.049 133);
  --clay:   oklch(54% 0.093 58);              /* sandalwood / turmeric warmth */

  /* ---- Dark band ---- */
  --night:      oklch(17.5% 0.013 128);
  --night-soft: oklch(24% 0.014 128);

  /* ---- Typography ---- */
  --font-display: 'Italiana', 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Jost', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: clamp(1rem, 0.955rem + 0.22vw, 1.125rem);
  --text-lead: clamp(1.125rem, 1.03rem + 0.44vw, 1.4rem);
  --text-h4:   clamp(1.05rem, 0.98rem + 0.34vw, 1.35rem);
  --text-h3:   clamp(1.3rem, 1.16rem + 0.62vw, 1.75rem);
  --text-h2:   clamp(2.1rem, 1.42rem + 3.1vw, 4.25rem);
  --text-h1:   clamp(2.6rem, 1.45rem + 4.6vw, 5.6rem);
  --text-stat: clamp(2.6rem, 1.7rem + 4.1vw, 5rem);

  --tracking-eyebrow: 0.22em;
  --tracking-display: 0.005em;
  --leading-display: 0.94;
  --leading-body: 1.68;

  /* ---- Space ---- */
  --space-section: clamp(4.5rem, 3rem + 6.4vw, 11rem);
  --space-block:   clamp(2rem, 1.4rem + 2.6vw, 4.5rem);
  --gutter:        clamp(1.25rem, 0.6rem + 2.9vw, 4rem);
  --measure:       68ch;

  /* ---- Shape ---- */
  --radius-sm: 3px;
  --radius:    6px;
  --radius-lg: 14px;
  --hairline:  1px solid var(--linen);

  /* ---- Motion ---- */
  --duration-fast:   160ms;
  --duration-normal: 320ms;
  --duration-slow:   720ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-soft: cubic-bezier(0.33, 1, 0.68, 1);

  /* ---- Depth (soft, editorial — never a default drop shadow) ---- */
  --shadow-lift: 0 1px 2px oklch(21% 0.014 130 / 0.04),
                 0 8px 24px oklch(21% 0.014 130 / 0.06);
  --shadow-raise: 0 2px 4px oklch(21% 0.014 130 / 0.05),
                  0 18px 48px oklch(21% 0.014 130 / 0.11);

  /* ---- Z scale ---- */
  --z-base: 1;
  --z-sticky: 10;
  --z-nav: 20;
  --z-overlay: 30;
  --z-modal: 50;
}