/* Hallmark v2.0.0 · atelier-noir (dealt 2/3, seed golden-hand-massages-premium-ceec; restyled dark) · genre editorial · job: book · shape: Diffusion hero + ruled menu · signature: the treatment menu as a gilt house catalogue */
/* critique: a maker's catalogue in warm low light — deep chocolate ground, gold leaf, Sentient light, gilt-edged card stock; the logo's gold-on-brown, not a cream page with a blue button */
/* waive 47b: WebGL air field replaced by a static warm-glow veil (server-hosted static site, no runtime canvas) */

:root {
  /* ground / text / rule — dark, warm, matched to the Golden Hands logo */
  --color-paper: oklch(21% 0.028 54); --color-paper-2: oklch(17.5% 0.026 52); --color-paper-3: oklch(26% 0.030 56);
  --color-ink: oklch(93% 0.028 86); --color-ink-2: oklch(84% 0.030 82); --color-muted: oklch(69% 0.035 76);
  --color-rule: oklch(40% 0.040 68); --color-head-rule: oklch(63% 0.090 84);

  /* signal (gold leaf) */
  --color-accent: oklch(80% 0.120 85); --color-accent-ink: oklch(20% 0.030 55); --color-focus: oklch(83% 0.130 88);

  /* gilt card stock */
  --color-card: oklch(26% 0.032 54); --color-card-edge: oklch(56% 0.075 82); --color-pencil: oklch(64% 0.055 80);
  --card-lit: oklch(30% 0.036 56); --card-shade: oklch(22.5% 0.028 52); --lit: oklch(86% 0.09 86 / 0.14);

  /* muted jewel stains (minor) */
  --stain-1: oklch(58% 0.085 24); --stain-2: oklch(56% 0.060 132); --stain-3: oklch(66% 0.090 70); --stain-4: oklch(58% 0.050 220);

  /* warm-glow veil + photo-mat placeholders */
  --veil-warm: oklch(44% 0.070 72 / 0.42);
  --veil-amber: oklch(34% 0.055 58 / 0.45);
  --nav-bg: oklch(18.5% 0.026 52);
  --scrim-1: oklch(14% 0.020 50 / 0.92); --scrim-2: oklch(14% 0.020 50 / 0.5); --scrim-3: oklch(14% 0.020 50 / 0.12);
  --mat-1: oklch(36% 0.045 66); --mat-2: oklch(29% 0.038 56); --mat-3: oklch(23% 0.030 50);
  --slot-ink: oklch(80% 0.050 82 / 0.82);

  /* type */
  --font-display: "Sentient", Georgia, serif;
  --font-body: "Hanken Grotesk", system-ui, sans-serif;
  --font-outlier: var(--font-body);
  --tracking-display: -0.018em; --tracking-statement: -0.022em;
  --display-weight: 300; --statement-weight: 300; --serif-small: 400;

  /* type scale (fluid) */
  --text-xs: 0.78rem;
  --text-sm: 0.89rem;
  --text-base: 1rem;
  --text-md: clamp(1.06rem, 0.5vw + 0.95rem, 1.22rem);
  --text-lg: clamp(1.3rem, 1vw + 1.05rem, 1.6rem);
  --text-xl: clamp(1.7rem, 2vw + 1.2rem, 2.3rem);
  --text-display-s: clamp(2.3rem, 3.2vw + 1.4rem, 3.4rem);
  --text-display-m: clamp(3rem, 5.2vw + 1.4rem, 5rem);
  --text-display-l: clamp(3.6rem, 7vw + 1.2rem, 6.6rem);

  /* radius / rules */
  --radius-card: 0; --radius-pill: 3px; --rule-hair: 1px; --rule-head: 1px;

  /* spacing 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: 6.5rem;

  /* layout */
  --container: 76rem;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --measure: 34rem;

  /* motion */
  --dur-short: 180ms; --dur-med: 320ms; --dur-long: 760ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* shadow */
  --shadow-card: 0 0 0 1px oklch(0% 0 0 / 0.2), 0.5px 1px 1px oklch(0% 0 0 / 0.25), 3px 8px 18px -6px oklch(0% 0 0 / 0.4), 18px 40px 70px -28px oklch(0% 0 0 / 0.55);

  /* generated texture */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  --fibre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
}