/* Design tokens, reset, body and link defaults.
   Extracted from arenas/templates/arenas/base.html on 2026-05-03
   per the lz-progressive-decomposition convention. Maps to the
   palette + typography + spacing + radius groupings in DESIGN.md. */

:root {
  /* Ice Time — rink-themed palette (light) */
  --color-ice-sheet: #f8fafc;
  --color-fresh-sheet: #ffffff;
  --color-blue-line: #e2e8f0;
  --color-ice-blue: #0ea5e9;
  --color-rink-blue: #0369a1;
  --color-boards: #1e293b;
  --color-boards-light: #334155;
  --color-glass: #64748b;
  --color-red-line: #dc2626;
  --color-money-green: #16a34a;

  /* Semantic mappings */
  --color-bg: var(--color-ice-sheet);
  --color-bg-secondary: var(--color-fresh-sheet);
  --color-bg-card: var(--color-fresh-sheet);
  --color-text: var(--color-boards);
  --color-text-secondary: var(--color-boards-light);
  --color-text-muted: var(--color-boards-light);
  --color-border: var(--color-blue-line);
  --color-border-light: #f1f5f9;
  --color-accent: var(--color-ice-blue);
  --color-accent-hover: var(--color-rink-blue);
  --color-accent-light: #e0f2fe;
  --color-success: var(--color-money-green);
  --color-success-light: #dcfce7;

  /* Category colors (light background) */
  --color-cat-blue: #2563eb;
  --color-cat-blue-bg: #eff6ff;
  --color-cat-red: #dc2626;
  --color-cat-red-bg: #fef2f2;
  --color-cat-amber: #d97706;
  --color-cat-amber-bg: #fffbeb;
  --color-cat-purple: #7c3aed;
  --color-cat-purple-bg: #f5f3ff;
  --color-cat-teal: #0d9488;
  --color-cat-teal-bg: #f0fdfa;
  --color-cat-pink: #db2777;
  --color-cat-pink-bg: #fdf2f8;
  --color-cat-green: #16a34a;
  --color-cat-green-bg: #f0fdf4;
  --color-cat-orange: #ea580c;
  --color-cat-orange-bg: #fff7ed;
  --color-cat-gray: #6b7280;
  --color-cat-gray-bg: #f9fafb;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 9999px;

  --font-display: "Cabinet Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-base: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-body);
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.5;
}

a { color: var(--color-accent-hover); text-decoration: none; }
a:hover { text-decoration: underline; }