:root {
  --ir-color-navy: #06101c;
  --ir-color-deep-navy: #07111d;
  --ir-color-rugby-green: #33493d;
  --ir-color-cream: #e3dad0;
  --ir-color-soft-cream: #e4dcd1;

  --ir-color-bg: var(--ir-color-navy);
  --ir-color-bg-subtle: #091827;
  --ir-color-surface: #0d1b2a;
  --ir-color-surface-raised: #122436;
  --ir-color-surface-muted: #172b3d;
  --ir-color-surface-inset: #071524;
  --ir-color-surface-contrast: #f2eadf;
  --ir-color-text: #f4ede4;
  --ir-color-text-muted: #b8c3b8;
  --ir-color-text-subtle: #8f9c93;
  --ir-color-text-on-light: #17231d;
  --ir-color-border: rgb(227 218 208 / 18%);
  --ir-color-border-strong: rgb(227 218 208 / 32%);
  --ir-color-accent: #88a77f;
  --ir-color-accent-strong: #b8d2a5;
  --ir-color-accent-muted: rgb(51 73 61 / 42%);
  --ir-color-accent-surface: #172a27;
  --ir-status-green: #7fa47b;
  --ir-status-green-strong: #d6ecd0;
  --ir-status-green-surface: #17271f;
  --ir-status-yellow: #c6a15a;
  --ir-status-yellow-strong: #f1dbac;
  --ir-status-yellow-surface: #2c2418;
  --ir-status-red: #bd7b73;
  --ir-status-red-strong: #efc2bb;
  --ir-status-red-surface: #2d1d1f;
  --ir-color-danger: var(--ir-status-red);
  --ir-color-danger-strong: var(--ir-status-red-strong);
  --ir-color-danger-surface: var(--ir-status-red-surface);
  --ir-color-warning: var(--ir-status-yellow);
  --ir-color-warning-strong: var(--ir-status-yellow-strong);
  --ir-color-warning-surface: var(--ir-status-yellow-surface);
  --ir-color-success: var(--ir-status-green);
  --ir-color-success-strong: var(--ir-status-green-strong);
  --ir-color-success-surface: var(--ir-status-green-surface);
  --ir-color-neutral: #a8b2ba;
  --ir-color-neutral-surface: #202b36;
  --ir-color-video-bg: #05080c;
  --ir-color-overlay-dark: rgb(0 0 0 / 72%);
  --ir-color-overlay-soft: rgb(6 16 28 / 72%);
  --ir-color-overlay-light: rgb(244 237 228 / 88%);
  --ir-color-overlay-light-strong: rgb(244 237 228 / 96%);
  --ir-color-shadow: rgb(0 0 0 / 28%);
  --ir-color-shadow-strong: rgb(0 0 0 / 44%);

  --ir-field-play: #2f6b46;
  --ir-field-in-goal: #27593d;
  --ir-field-border: #eff7ef;
  --ir-field-line: rgb(255 255 255 / 86%);
  --ir-field-zone-bg: rgb(244 237 228 / 86%);
  --ir-field-zone-text: #1c3a27;
  --ir-field-marker: #f4ede4;
  --ir-field-marker-linked: #e6c35f;
  --ir-field-marker-border: #102719;
  --ir-field-symbol-outline: #000;
  --ir-field-posts: #f1cf5d;

  --ir-chart-surface: var(--ir-color-surface-inset);
  --ir-chart-selected-band: rgb(51 73 61 / 52%);
  --ir-chart-opponent-band: rgb(227 218 208 / 9%);
  --ir-chart-grid: rgb(227 218 208 / 24%);
  --ir-chart-grid-neutral: rgb(227 218 208 / 58%);
  --ir-chart-line: var(--ir-color-accent-strong);
  --ir-chart-axis: var(--ir-color-text-muted);
  --ir-chart-gap: var(--ir-color-warning);

  --ir-space-1: 0.25rem;
  --ir-space-2: 0.5rem;
  --ir-space-3: 0.75rem;
  --ir-space-4: 1rem;
  --ir-space-5: 1.5rem;
  --ir-space-6: 2rem;

  --ir-tile-padding: var(--ir-space-2);
  --ir-tile-gap: var(--ir-space-2);
  --ir-tile-title-size: 0.78rem;
  --ir-tile-surface: linear-gradient(115deg, color-mix(in srgb, var(--ir-color-accent) 5%, var(--ir-color-surface)), var(--ir-color-surface) 65%);
  --ir-table-padding: 0.35rem 0.5rem;
  --ir-shadow-card: 0 1px 3px var(--ir-color-shadow);

  --ir-radius-sm: 4px;
  --ir-radius-md: 8px;
  --ir-radius-lg: 8px;
  --ir-radius-pill: 999px;

  --ir-shadow-soft: 0 18px 46px var(--ir-color-shadow);
  --ir-shadow-dialog: 0 24px 64px var(--ir-color-shadow-strong);
  --ir-focus-ring: 0 0 0 3px rgb(184 210 165 / 72%);

  --ir-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ir-font-size-sm: 0.85rem;
  --ir-font-size-xs: 0.78rem;
  --ir-line-height: 1.5;

  --bg: var(--ir-color-bg);
  --text: var(--ir-color-text);
  --ink: var(--ir-color-text);
  --muted: var(--ir-color-text-muted);
  --line: var(--ir-color-border);
  --panel: var(--ir-color-surface);
  --primary: var(--ir-color-accent);
  --primary-dark: var(--ir-color-accent-strong);
  --accent: var(--ir-color-accent-strong);
  --danger: var(--ir-color-danger);
}