/* ─────────────────────────────────────────────────────────────
   SolveAssist · design tokens
   Hallmark · custom theme · route: tuned custom
   vibe: "quiet authority, paper-and-ink, restrained gravitas"
   genre: editorial · macrostructure: Marquee Hero
   axis: paper band = light (warm ivory) · display = roman-serif
         · accent = warm (oxblood ~22°)
   inspired by etherealfoundation.com's quiet-power heritage-editorial
   DNA (light paper, serif/sans/mono register, one calm bezier) —
   re-tuned with its own accent, hue family, and full-serif register
   so the two sibling practices read as related, not cloned.
   ───────────────────────────────────────────────────────────── */

:root {
  /* ── Type ─────────────────────────────────────────────── */
  --font-display: "Cormorant Garamond", "Iowan Old Style", ui-serif, Georgia, serif;
  --font-body:    "EB Garamond", "Iowan Old Style", ui-serif, Georgia, serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* ── Colour — light system (paper & ink) ─────────────── */
  --color-paper:         oklch(94% 0.012 55);   /* warm ivory parchment */
  --color-paper-2:       oklch(91% 0.014 55);   /* one elevation step */
  --color-rule:          oklch(80% 0.014 50);   /* warm hairline on paper */
  --color-rule-2:        oklch(85% 0.012 50);   /* softer secondary rule */
  --color-muted:         oklch(46% 0.016 255);  /* de-emphasised ink on paper */
  --color-ink:           oklch(19% 0.020 255);  /* body ink — cool blue-black */
  --color-ink-2:         oklch(27% 0.018 255);  /* secondary ink */
  --color-ink-strong:    oklch(14% 0.022 255);  /* strongest ink (headings on paper) */

  /* ── Colour — accent (oxblood signal) ────────────────── */
  --color-accent:        oklch(38% 0.15 22);    /* oxblood — the one signal */
  --color-accent-strong: oklch(46% 0.16 22);    /* lighter oxblood for small text/links */
  --color-accent-ink:    oklch(96% 0.010 55);   /* paper tone, for text on accent fill */
  --color-focus:         oklch(42% 0.20 22);

  /* ── Colour — hero band (dark photograph overlay) ────── */
  --color-hero-scrim:      oklch(14% 0.020 255);  /* cool near-black scrim, ties to ink hue */
  --color-hero-scrim-top:    oklch(14% 0.020 255 / 0.55);
  --color-hero-scrim-mid:    oklch(14% 0.020 255 / 0.30);
  --color-hero-scrim-bottom: oklch(14% 0.020 255 / 0.72);
  --color-hero-ink:        oklch(96% 0.014 55);   /* warm-ivory text over the photograph */
  --color-hero-ink-muted:  oklch(78% 0.016 55);   /* secondary text over the photograph */
  --color-hero-accent:     oklch(66% 0.15 22);    /* lighter oxblood, legible on dark photo */
  --color-led-glow:        oklch(66% 0.15 22 / 0.22);
  --color-accent-underline: oklch(66% 0.15 22 / 0.55);

  /* Parchment grain — fractal-noise SVG, blended at low opacity over the light paper */
  --grain-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

  /* ── Spacing (4pt scale, role-named) ──────────────────── */
  --space-3xs: 0.125rem;  --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;

  /* ── Type scale (1.25 — major third) ──────────────────── */
  --text-xs:   0.78rem;
  --text-sm:   0.9rem;
  --text-base: 1.125rem;   /* 18px — classical serif body */
  --text-md:   1.35rem;
  --text-lg:   1.7rem;
  --text-xl:   2.1rem;
  --text-2xl:  2.6rem;
  --text-3xl:  3.2rem;
  --text-4xl:  4rem;
  --text-display: clamp(2.6rem, 4.5vw + 1rem, 5.25rem);

  /* ── Motion — one calm curve, nothing bounces ─────────── */
  --ease-out:    cubic-bezier(0.33, 0, 0.13, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;  --dur-short: 220ms;  --dur-long: 480ms;

  /* ── Radii (restrained, classical) ────────────────────── */
  --radius-sm: 2px;  --radius-md: 3px;  --radius-lg: 4px;

  /* ── Rules ────────────────────────────────────────────── */
  --rule-hair: 1px;

  /* ── Z-scale ──────────────────────────────────────────── */
  --z-base: 1;  --z-raised: 10;  --z-sticky: 200;

  /* ── Layout ───────────────────────────────────────────── */
  --page-gutter: clamp(1.25rem, 5vw, 4rem);
  --measure: 62ch;
  --measure-narrow: 34ch;
}