/* ============================================================
   Systemate — Forward Log
   Brand tokens (color, type) and self-hosted IBM Plex faces.

   Ported from design/design_handoff_forward_log/tokens.css.
   OKLCh is the source of truth for colors; see DESIGN.md.

   This file is shipped to the output directory alongside
   forward-log.css. It is not yet linked from index.html.j2 —
   the chrome shell wiring lands in a follow-up commit.
   ============================================================ */

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
}

:root {
  /* --- Azure (primary) --- */
  --azure-50:  oklch(0.97 0.015 220);
  --azure-100: oklch(0.93 0.030 220);
  --azure-200: oklch(0.85 0.050 220);  /* Côte — primary background */
  --azure-300: oklch(0.75 0.075 220);
  --azure-400: oklch(0.62 0.090 220);
  --azure-500: oklch(0.52 0.092 220);  /* tagline */
  --azure-600: oklch(0.44 0.085 220);
  --azure-700: oklch(0.36 0.072 220);  /* wordmark, body text */
  --azure-800: oklch(0.28 0.055 220);
  --azure-900: oklch(0.20 0.038 220);
  --azure-950: oklch(0.13 0.025 220);

  /* --- Copper (accent) --- */
  --copper-400: oklch(0.65 0.13 55);
  --copper-500: oklch(0.55 0.14 55);   /* inline link */
  --copper-600: oklch(0.50 0.14 50);   /* mark peak on light */
  --copper-700: oklch(0.42 0.12 50);

  /* --- Status --- */
  --status-ok:    oklch(0.55 0.12 150);
  --status-warn:  oklch(0.65 0.14 75);
  --status-alert: oklch(0.50 0.17 25);

  /* --- Cool neutrals (saturated greys, hue 220) --- */
  --cool-100: oklch(0.95 0.005 220);
  --cool-300: oklch(0.78 0.005 220);
  --cool-500: oklch(0.55 0.005 220);
  --cool-700: oklch(0.35 0.005 220);
  --cool-900: oklch(0.18 0.005 220);

  /* --- Type --- */
  --sans:  "IBM Plex Sans", system-ui, sans-serif;
  --mono:  "IBM Plex Mono", ui-monospace, monospace;
  --serif: "IBM Plex Serif", Georgia, serif;
}

/* Utility classes (no element in the current template uses these yet;
   they are reserved for the chrome wiring commit). */
.mono  { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.num   { text-align: right; }
.muted { color: var(--cool-500); }
.emph  { color: var(--copper-600); }