﻿/* Hallmark · job: enter the work · shape: Chapter Ledger, one workshop read three ways · genre: modern-minimal · theme: Vantage (adapted) · signature: the printer as a live point cloud with a sweep, measured by callouts
 * hero: Stage over a generated point cloud (head on plain ground left, the machine turning right, two callouts, layer switches) · sections: hero, three chapters (chain / section / path), board, journal, contact · nav: three-part bar · footer: mast · vantage: object/steel
 */
:root {
  color-scheme: dark;

  --space-3xs: 2px; --space-2xs: 4px; --space-xs: 8px; --space-sm: 12px; --space-md: 16px;
  --space-lg: 24px; --space-xl: 40px; --space-2xl: 64px; --space-3xl: 96px; --space-4xl: 144px;

  --text-xs: 0.8125rem; --text-sm: 0.875rem; --text-md: 1rem; --text-lg: 1.1875rem;
  --text-xl: 1.5rem; --text-2xl: 1.875rem; --text-3xl: 2.375rem;
  --text-display: clamp(2.5rem, 3.4vw + 1rem, 4.25rem);
  --text-section: clamp(1.875rem, 1.5vw + 1.2rem, 2.75rem);
  --text-title: clamp(1.0625rem, 0.3vw + 1rem, 1.25rem);
  --text-lead: clamp(1rem, 0.25vw + 0.95rem, 1.125rem);
  --text-figure: clamp(4.5rem, 12vw + 1rem, 14rem);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 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: 240ms; --dur-long: 560ms;

  --color-error: oklch(72% 0.15 27); --color-success: oklch(89% 0.19 126);

  --container: 1440px; --gutter: 64px; --gap-columns: 32px;
  --section-gap-s: 96px; --section-gap: 128px; --section-gap-l: 160px;

  --z-sticky-nav: 300; --z-toast: 500;

  --color-paper: oklch(13.5% 0.012 235); --color-paper-2: oklch(17% 0.014 235); --color-paper-3: oklch(21% 0.016 235);
  --color-ink: oklch(95% 0.006 230); --color-ink-2: oklch(82% 0.012 230); --color-muted: oklch(66% 0.016 230);
  --color-rule: oklch(27% 0.014 235); --color-rule-2: oklch(34% 0.016 235);
  --color-accent: oklch(89% 0.19 126); --color-accent-hi: oklch(93% 0.17 126); --color-accent-ink: oklch(19% 0.04 126);
  --color-focus: oklch(89% 0.19 126);
  --point-lo: oklch(42% 0.04 245); --point-mid: oklch(70% 0.04 232); --point-hi: oklch(96% 0.02 215);
  --color-slot: oklch(21% 0.016 235);

  --font-display: "Geologica", "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-head: system-ui, -apple-system, "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  --font-body: var(--font-display);

  --radius-card: 4px; --radius-pill: 999px; --rule-hair: 1px; --tick: 10px;
  --shadow-card: none;
  --tracking-display: -0.035em; --display-weight: 300;
}

@font-face {
  font-family: "Geologica";
  src: url("../fonts/geologica-latin.woff2") format("woff2");
  font-weight: 200 500;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Geologica";
  src: url("../fonts/geologica-latin-ext.woff2") format("woff2");
  font-weight: 200 500;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
