/* Northbyte — Paper & Mark design tokens (single source)
   Imported by site.css; linkable from cabinets/admin/games. */
:root {
  /* Paper & Mark palette */
  --paper: #F2EFE6;
  --canvas: #EBE8E0;
  --panel: #FFFEFA;
  --panel-soft: #E8E4DA;
  --ink: #12141A;
  --ink-body: #3F4650;
  --muted: #5C6570;
  --line: #D9D4C8;
  --accent: #0F766E;
  --accent-bright: #14B8A6;
  --accent-soft: #CCFBF1;
  --accent-wash: #D1FAE5;
  --ok: #047857;
  --warn: #B45309;
  --danger: #C2410C;
  --slab: #12141A;
  --slab-elev: #1F2937;
  --on-slab: #FFFEFA;
  --on-slab-body: #D5DBE3;
  --on-slab-muted: #A8B0BA;
  --rail-support: #0F766E;
  --rail-content: #12141A;
  --rail-imba: #B45309;
  --rail-games: #7C3AED;

  /* Aliases */
  --bg: var(--paper);
  --bg-elev: var(--panel);
  --text: var(--ink);
  --brand: var(--accent);
  --brand-2: var(--accent-bright);
  --border: var(--line);
  --warn-bg: #FEF3C7;
  --warn-border: var(--warn);
  --ok-bg: var(--accent-wash);
  --ok-border: var(--ok);

  --radius: 8px;
  --radius-sm: 6px;
  --font: "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: Consolas, "Segoe UI Mono", ui-monospace, monospace;
  --max: 1120px;
  --header-h: 64px;
  --rail-w: 220px;
  --rail-w-compact: 192px;

  /*
   * Adaptive contract (PC/tablet only; <768 graceful degrade — no phone chrome).
   * CSS custom props cannot be used inside @media — keep media query numerics
   * identical to these token values across cabinet.css / site.css / admin.
   * desktop ≥ --bp-desktop · tablet-wide --bp-tablet-wide..desktop-1 · tablet --bp-tablet..wide-1
   */
  --bp-desktop: 1200px;
  --bp-tablet-wide: 900px;
  --bp-tablet: 768px;

  --cab-pad-x: clamp(1rem, 2.5vw, 1.75rem);
  --cab-pad-y: clamp(1.15rem, 2vw, 1.5rem);
}