/* Lineup design tokens.
   Skeleton is locked: layout, spacing, structure never change per tenant.
   Tenants may override only: --accent, --accent-ink, --logo (via JS theme). */

:root {
  /* base — light */
  --bg: #ffffff;
  --ink: #0a0a0a;
  --ink-soft: #555555;
  --ink-faint: #999999;
  --line: #e4e4e4;
  --line-strong: #0a0a0a;
  --surface: #ffffff;
  --surface-raise: #fafafa;

  /* tenant-overridable */
  --accent: #ff2e00;
  --accent-ink: #ffffff;

  /* status — meaning, never decoration */
  --ok: #0a8a3c;
  --late: #d61f1f;
  --wait: #b87700;
  --busy: #1156d6;
  --ok-bg: #e9f7ee;
  --late-bg: #fdecec;
  --wait-bg: #fdf3e2;
  --busy-bg: #e9effc;

  /* type — hierarchy through size only */
  --font: "Delight", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Delight", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Basis Grotesque Mono", "SF Mono", ui-monospace, Menlo, monospace;
  --fs-hero: clamp(2rem, 8vw, 3.2rem);
  --fs-title: 1.5rem;
  --fs-sub: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.8125rem;
  --fs-micro: 0.6875rem;

  /* space */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  /* radius */
  --r-input: 12px;
  --r-card: 20px;
  --r-chip: 999px;

  --tap: 48px; /* min touch target */
  --shadow-sheet: 0 -8px 40px rgba(0,0,0,.14);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0a0a0a;
    --ink: #f5f5f5;
    --ink-soft: #b0b0b0;
    --ink-faint: #6e6e6e;
    --line: #262626;
    --line-strong: #f5f5f5;
    --surface: #0a0a0a;
    --surface-raise: #141414;
    --ok: #35c26a;
    --late: #ff5a5a;
    --wait: #e0a63a;
    --busy: #5b8dff;
    --ok-bg: #10281a;
    --late-bg: #2e1414;
    --wait-bg: #2b2210;
    --busy-bg: #131c31;
    --shadow-sheet: 0 -8px 40px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"] {
  --bg: #0a0a0a;
  --ink: #f5f5f5;
  --ink-soft: #b0b0b0;
  --ink-faint: #6e6e6e;
  --line: #262626;
  --line-strong: #f5f5f5;
  --surface: #0a0a0a;
  --surface-raise: #141414;
  --ok: #35c26a;
  --late: #ff5a5a;
  --wait: #e0a63a;
  --busy: #5b8dff;
  --ok-bg: #10281a;
  --late-bg: #2e1414;
  --wait-bg: #2b2210;
  --busy-bg: #131c31;
  --shadow-sheet: 0 -8px 40px rgba(0,0,0,.6);
}

@font-face {
  font-family: "Delight";
  src: url("/fonts/Delight-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Basis Grotesque Mono";
  src: url("/fonts/BasisGrotesqueMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}