/* PRIME 88 — design tokens.
   Values recovered from the deployed donor stylesheet (:root of the live
   prime88.studio CSS, ff4059ed lineage). Semantic names per DESIGN_LAW
   §5.2 — no hue names. This :root is the only place raw hex may live. */

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/assets/fonts/PlusJakartaSans-VariableFont_wght.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --bg: #050505;
  --surface: #101010;
  --surface-soft: #ffffff08;
  --surface-strong: #ffffff0f;
  --inset: #0a0a0a;
  --fg: #d4d4d8;
  --fg-strong: #ffffff;
  --muted: #949494;
  --faint: #71717a;
  --border: #ffffff14;
  --border-strong: #ffffff33;
  --accent: #a1a1aa;
  --focus: #ffffff38;
  --shadow: 0 24px 72px #00000066;

  --font-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --type-display: clamp(34px, 5.2vw, 60px);
  --type-h1: clamp(30px, 4.2vw, 44px);
  --type-h2: clamp(23px, 3vw, 30px);
  --type-h3: 20px;
  --type-body: 16px;
  --type-small: 13.5px;
  --type-caption: 11.5px;

  --fw-read: 400;
  --fw-emphasize: 510;
  --fw-announce: 590;

  --measure: 65ch;
  --rail: 1160px;
  --gutter: clamp(20px, 4vw, 48px);
}