/*
 * OK 2.0 primitive tokens.
 * Raw color literals live in this file only. Components consume semantic aliases
 * from application.css so the constitution remains a single authority.
 */

/*
 * Jeremy confirmed on 2026-07-20 that the existing Berkeley Mono license
 * permits this private-preview webfont use. The uniquely named WOFF2 files are
 * served through Propshaft and retained locally as the preferred fallback.
 *
 * @font-face local()/url() ordering and font-display were verified against MDN
 * CSS Fonts Level 4 documentation on 2026-07-20.
 */
@font-face {
  font-family: "OK Berkeley Mono";
  src: url("/assets/ok2-berkeley-mono-regular-8d760b1a.woff2") format("woff2"), local("Berkeley Mono Regular"), local("Berkeley Mono");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "OK Berkeley Mono";
  src: url("/assets/ok2-berkeley-mono-bold-f51a7a0e.woff2") format("woff2"), local("Berkeley Mono Bold"), local("Berkeley Mono");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "OK Berkeley Mono";
  src: url("/assets/ok2-berkeley-mono-italic-c4f851d6.woff2") format("woff2"), local("Berkeley Mono Italic"), local("Berkeley Mono"), local("Berkeley Mono Regular");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "OK Berkeley Mono";
  src: url("/assets/ok2-berkeley-mono-bold-italic-526bf74e.woff2") format("woff2"), local("Berkeley Mono Bold Italic"), local("Berkeley Mono Bold"), local("Berkeley Mono");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
}

:root {
  --ok-void: #080808;
  --ok-panel: #131211;
  --ok-paper: #F4F1EB;
  --ok-muted: #A09A91;
  --ok-signal: #E34B3F;
  --ok-gold: #D0A85C;

  --ok-space-1: 4px;
  --ok-space-2: 8px;
  --ok-space-3: 12px;
  --ok-space-4: 16px;
  --ok-space-5: 20px;
  --ok-space-6: 24px;
  --ok-space-8: 32px;
  --ok-space-10: 40px;
  --ok-space-12: 48px;
  --ok-space-16: 64px;
  --ok-space-20: 80px;
  --ok-space-24: 96px;

  --ok-rule: 1px;
  --ok-focus-rule: 2px;
  --ok-control-height: 44px;
  --ok-motion-distance: 1px;
  --ok-motion-duration: 160ms;
}