/* Lair design tokens. Derived from the Hub's dark palette: warm ink, one signal accent, Funnel Display + Funnel Sans.
   Dark only for now ("dark and calm"); themes come after launch, so every colour lives here and nowhere else.
   The accent is a placeholder until Lair has its own brand colour. */

@font-face {
  font-family: 'Funnel Display';
  src: url('fonts/display.woff2') format('woff2');
  font-weight: 300 800;
  font-display: swap;
}
@font-face {
  font-family: 'Funnel Sans';
  src: url('fonts/text.woff2') format('woff2');
  font-weight: 300 800;
  font-display: swap;
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Funnel Sans';
  src: url('fonts/text-ext.woff2') format('woff2');
  font-weight: 300 800;
  font-display: swap;
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  color-scheme: dark;
  --bg: #0d0d0c;
  --surface: #161614;
  --surface-2: #1d1d1a;
  --surface-3: #272723;
  --glass: rgba(22, 22, 20, 0.72);
  --line: #262622;
  --line-strong: #38372f;
  --text: #f3f1ea;
  --text-2: #b9b5a9;
  --text-3: #7f7c72;
  --ink: #f3f1ea;
  --ink-text: #121210;
  --accent: #ff6a2b;
  --accent-text: #ff8d5a;
  --accent-soft: #33190d;
  --accent-line: #5c2a14;
  --glow: rgba(255, 106, 43, 0.13);
  --good: #34c46a;
  --good-ink: #5ad48a;
  --good-soft: #10291a;
  --critical: #f0595e;
  --critical-ink: #ff8589;
  --critical-soft: #341518;
  --warn: #f5b041;
  --warn-soft: #33250d;
  --grain: 0.07;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 14px 34px -18px rgba(0, 0, 0, 0.7);
  --shadow-pop: 0 30px 70px -20px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.5);
  --r-xl: 30px;
  --r-lg: 24px;
  --r: 18px;
  --r-sm: 13px;
  --r-xs: 9px;
  --font: 'Funnel Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --display: 'Funnel Display', 'Funnel Sans', ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --spring: cubic-bezier(0.34, 1.45, 0.64, 1);
  --page-max: 1120px;
}