/* Mock E · riced tiling window manager. Catppuccin Mocha. JetBrains Mono throughout.
   Contrast (measured, see DESIGN.md): text #cdd6f4 on base #1e1e2e = 11.3:1; subtext
   #a6adc8 = 7.4:1 (5.7:1 on surface0); green #a6e3a1 = 11.0:1; yellow #f9e2af = 12.9:1; red #f38ba8 = 7.1:1. */
:root {
  --scheme: dark;
  --base: #1e1e2e; --mantle: #181825; --crust: #11111b; --surface0: #313244; --surface1: #45475a; --surface2: #585b70;
  --text: #cdd6f4; --subtext: #a6adc8; --lavender: #b4befe; --blue: #89b4fa; --green: #a6e3a1;
  --yellow: #f9e2af; --peach: #fab387; --red: #f38ba8; --mauve: #cba6f7;

  --bg: var(--base);
  --bg-2: var(--surface0);
  --fg: var(--text);
  --fg-2: var(--subtext);
  --line: var(--surface0);
  --accent: var(--lavender);
  --focus: var(--yellow);
  --focus-w: 2px;
  --win: var(--green);
  --lose: var(--red);
  --band-high: var(--green);
  --band-mid: var(--yellow);
  --band-low: var(--red);
  --chip-a: var(--blue);
  --chip-b: var(--peach);
  --bar-track: transparent;
  --bar-h: 1.2em;

  --font-body: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-display: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --display-weight: 700;
  --display-tracking: -0.02em;

  --text-small: 12px;
  --text-body: 14px;
  --text-lead: 15px;
  --text-h3: 16px;
  --text-h2: 16px;
  --text-h1: 40px;
  --text-h1-m: 28px;
  --text-score: 128px;
  --text-score-m: 88px;

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --gap: 8px;
  --section-pad: 0px;
  --radius: 0;
  --radius-pill: 0;
  --measure: 64ch;
  --page-w: 1440px;
  --nav-w: 200px;
  --topbar-h: 28px;
  --stickybar-h: 28px;
  --mobile-nav-h: 36px;
  --border: 2px;
}