/* Hallmark · custom theme: warm-clay · tone: luxury/atmospheric · anchor hue: terracotta 40
 * vibe: "calm, sun-warmed, grounded, premium acroyoga"
 * paper oklch(97.5% 0.012 76) · accent oklch(60% 0.10 40) clay/warm
 * display: Fraunces · body: Lato
 * axes: paper-band=light / display-style=high-contrast-serif / accent-hue=warm
 * pre-emit critique: P5 H5 E5 S4 R5 V5
 */

:root {
  /* ---- Paper / surfaces (warm cream → sand) ---- */
  --color-paper:    oklch(97.8% 0.012 78);   /* base cream  */
  --color-paper-2:  oklch(95.2% 0.016 74);   /* soft sand   */
  --color-paper-3:  oklch(90.5% 0.022 68);   /* deeper sand */
  --color-shell:    oklch(99.2% 0.006 86);   /* near-white card */

  /* ---- Ink (warm taupe-brown) ---- */
  --color-ink:      oklch(31% 0.018 62);     /* primary text  */
  --color-ink-soft: oklch(46% 0.018 58);     /* secondary     */
  --color-ink-faint:oklch(60% 0.014 56);     /* tertiary/meta */

  /* ---- Accent (terracotta / clay) ---- */
  --color-accent:      oklch(60% 0.105 41);  /* clay terracotta */
  --color-accent-deep: oklch(52% 0.108 38);  /* pressed / hover */
  --color-accent-soft: oklch(82% 0.055 46);  /* peach wash      */

  /* ---- Lines & focus ---- */
  --color-line:   oklch(87% 0.018 64);
  --color-line-2: oklch(80% 0.022 60);
  --color-focus:  oklch(52% 0.108 38);

  /* ---- Dark band (footer / contrast section) ---- */
  --color-night:     oklch(28% 0.018 56);
  --color-night-2:   oklch(33% 0.018 56);
  --color-on-night:  oklch(95% 0.012 78);
  --color-on-night-soft: oklch(78% 0.014 64);

  /* ---- Blush (logo background tone) ---- */
  --color-blush:   oklch(91% 0.028 44);   /* logo backdrop blush */
  --color-blush-2: oklch(86% 0.034 42);

  /* ---- Typography ---- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-brand:   "Poiret One", "Fraunces", serif;   /* art-deco wordmark — matches logo */
  --font-body:    "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-xs:   0.78rem;
  --text-sm:   0.9rem;
  --text-base: 1.02rem;
  --text-lg:   1.2rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  2.75rem;
  --text-4xl:  3.75rem;
  --text-display-s: clamp(2.6rem, 7vw, 4.2rem);
  --text-display:   clamp(3.1rem, 11vw, 7rem);

  --leading-tight: 1.04;
  --leading-snug:  1.22;
  --leading-body:  1.62;
  --tracking-cap:  0.22em;
  --tracking-tight:-0.02em;

  /* ---- Spacing (4pt scale) ---- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  /* ---- Radius / rule ---- */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --rule-hair: 1px;

  /* ---- Motion ---- */
  --dur-fast: 160ms;
  --dur-mid:  320ms;
  --dur-slow: 620ms;
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- Layout ---- */
  --maxw: 1200px;
  --maxw-text: 64ch;
  --shadow-soft: 0 22px 60px -28px oklch(31% 0.018 62 / 0.32);
}
