/* Hallmark · macrostructure: single-screen poster (studied-DNA: saloon.wtf structure + framechicago.com brand)
 * theme: studied-brand (Frame Chicago · openbrand: #000001 / #292929 / #ffffff · logo: white-on-black corner brackets)
 * display: brand logo PNG + Helvetica Neue Light · body: Helvetica Neue · mono: ui-monospace
 * axes: dark / system-native / neutral
 * pre-emit critique: P5 H5 E4 S5 R5 V4
 */
:root {
  /* color — extracted from framechicago.com, not invented */
  --color-paper: oklch(0% 0 0);                  /* #000 */
  --color-paper-2: oklch(27% 0 0);               /* #292929 */
  --color-ink: oklch(100% 0 0);                  /* #fff */
  --color-ink-dim: oklch(100% 0 0 / 0.62);
  --color-ink-faint: oklch(100% 0 0 / 0.28);
  --color-hairline: oklch(100% 0 0 / 0.22);
  --color-focus: oklch(100% 0 0);
  --color-live: oklch(75% 0.19 145);

  /* type — the site runs Helvetica Neue / Avenir Light; stay native */
  --font-body: "Helvetica Neue", Helvetica, "Inter", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --text-ui: 0.875rem;
  --text-ui-s: 0.75rem;
  --text-label: clamp(0.7rem, 1.3vw, 0.8rem);

  /* space (4pt) */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur-med: 200ms;

  /* shape — the brand is square; no rounding anywhere */
  --radius-none: 0;

  /* the viewport frame — bracket geometry from the logo */
  --bracket-inset: clamp(14px, 2.2vw, 30px);
  --bracket-arm: clamp(34px, 5vw, 72px);
  --bracket-stroke: 2px;
}