/* GENERATED by `manage.py build_design_tokens` from
   sites/imperialismmap/docs/design/tokens/*.tokens.json. Do not edit:
   change the token files and regenerate. */

/* Neon Turf Wars (default) */
:root {
    --theme-mode: dark;
    color-scheme: dark;
    --header-accent: #BEF264;
    --header-border: rgba(255, 255, 255, 0.18);
    --chrome-bg: #046C4E;
    --focus-ring-on-header: var(--header-accent);
    --surface-strong: #0F172A;
    --on-surface-strong: #FFFFFF;
    --on-surface-strong-muted: #94A3B8;
    --on-surface-strong-accent: #BEF264;
    --ext-tc-primary: #2563eb;
    --ext-tc-secondary: #45B7D1;
    --ext-tc-tertiary: #FF6B6B;
    --ext-tc-quaternary: #FFA07A;
    --ext-tc-dark: #000000;
    --ext-social-bluesky: #0085FF;
    --ext-social-facebook: #1877F2;
    --ext-social-twitter: #1DA1F2;
    --ext-social-reddit: #FF4500;
    --ext-social-gmail: #EA4335;
    --ext-mc-gray-800: #1F2937;
    --ext-mc-gray-700: #374151;
    --ext-mc-gray-600: #4B5563;
    --ext-mc-gray-500: #6B7280;
    --ext-mc-gray-400: #9CA3AF;
    --ext-mc-gray-300: #D1D5DB;
    --ext-mc-orange-500: #F97316;
    --ext-mc-orange-600: #EA580C;
    --ext-mc-orange-700: #C2410C;
    --ext-mc-amber-50: #FFFBEB;
    --ext-mc-amber-100: #FEF3C7;
    --ext-mc-amber-300: #FCD34D;
    --ext-mc-white: #FFFFFF;
    --ext-mc-black: #000000;
    --scrim: rgba(15, 23, 42, 0.55);
    --scrim-strong: rgba(0, 0, 0, 0.85);
    --mix-black: #000000;
    --mix-white: #FFFFFF;
    --font-body: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-display: Archivo, "Segoe UI", system-ui, -apple-system, sans-serif;
    --type-2xs: 0.6875rem;
    --type-xs: 0.75rem;
    --type-sm: 0.875rem;
    --type-base: 1rem;
    --type-lg: 1.125rem;
    --type-xl: 1.25rem;
    --type-2xl: 1.5rem;
    --type-3xl: 1.875rem;
    --type-4xl: 2.25rem;
    --type-5xl: 3rem;
    --radius-xs: 0.25rem;
    --radius-control: 0.375rem;
    --radius-card: 0.5rem;
    --radius-pill: 999px;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --focus-ring-width: 2px;
    --focus-ring-offset: 2px;
    --leading-body: 1.5;
    --leading-compact: 1.4;
    --leading-heading: 1.15;
    --tracking-label: 0.06em;
    --opacity-disabled: 0.5;
    --shadow-halo: 0 0 2px rgba(0, 0, 0, 0.35);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
    --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.15);
    --shadow-lg-up: 0 -4px 16px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 10px 32px rgba(0, 0, 0, 0.25);
    --field-green: #10B981;
    --electric-purple: #A855F7;
    --laser-lime: #BEF264;
    --hot-magenta: #EC4899;
    --victory-orange: #FB923C;
    --background: #0A0E1A;
    --surface: #1A1F2E;
    --surface-hover: #252B3B;
    --text-primary: #FFFFFF;
    --text-secondary: #A1A1AA;
    --text-muted: #8A8A93;
    --text-on-primary: #FFFFFF;
    --text-on-primary-muted: #E2E8F0;
    --border: #2E3447;
    --border-hover: #4C5270;
    --action-primary: #9333EA;
    --action-primary-hover: #7E22CE;
    --on-action-primary: #FFFFFF;
    --action: #252B3B;
    --action-hover: #2E3447;
    --action-edge: #696975;
    --on-action: #FFFFFF;
    --danger: var(--error);
    --danger-hover: #FCA5A5;
    --on-danger: #0A0E1A;
    --selected: var(--laser-lime);
    --on-selected: #0A0E1A;
    --selected-edge: var(--laser-lime);
    --selected-tint: #29342D;
    --live: var(--hot-magenta);
    --on-live: #0A0E1A;
    --link: #A78BFA;
    --link-hover: #C4B5FD;
    --link-underline: rgba(167, 139, 250, 0.6);
    --link-underline-hover: #C4B5FD;
    --focus-ring: var(--link);
    --territory-border: rgba(190, 242, 100, 0.5);
    --success: #4ADE80;
    --warning: var(--victory-orange);
    --error: #F87171;
    --glow-action-hover: 0 0 26px rgba(168, 85, 247, 0.45);
    --glow-selected: 0 0 18px rgba(190, 242, 100, 0.35);
    --glow-live: 0 0 18px rgba(236, 72, 153, 0.26);
}

/* Day Game */
:root[data-theme="light"] {
    --theme-mode: light;
    color-scheme: light;
    --field-green: #10B981;
    --electric-purple: #7C3AED;
    --laser-lime: #047857;
    --hot-magenta: #DB2777;
    --victory-orange: #F97316;
    --background: #F6F7FB;
    --surface: #FFFFFF;
    --surface-hover: #EEF2FF;
    --text-primary: #0F172A;
    --text-secondary: #334155;
    --text-muted: #5B6B80;
    --text-on-primary: #FFFFFF;
    --text-on-primary-muted: #E0F2F1;
    --border: #E2E8F0;
    --border-hover: #CBD5E1;
    --action-primary: var(--electric-purple);
    --action-primary-hover: #6D28D9;
    --on-action-primary: #FFFFFF;
    --action: #FFFFFF;
    --action-hover: #EEF2FF;
    --action-edge: #8B8B97;
    --on-action: #0F172A;
    --danger: var(--error);
    --danger-hover: #B91C1C;
    --on-danger: #FFFFFF;
    --selected: #BEF264;
    --on-selected: #0F172A;
    --selected-edge: #3F6212;
    --selected-tint: #ECFCCB;
    --live: var(--hot-magenta);
    --on-live: #FFFFFF;
    --link: var(--electric-purple);
    --link-hover: #6D28D9;
    --link-underline: rgba(124, 58, 237, 0.6);
    --link-underline-hover: #6D28D9;
    --focus-ring: var(--link);
    --territory-border: rgba(16, 185, 129, 0.35);
    --success: #15803D;
    --warning: #B45309;
    --error: #DC2626;
    --glow-action-hover: 0 0 20px rgba(124, 58, 237, 0.26);
    --glow-selected: 0 0 14px rgba(163, 230, 53, 0.22);
    --glow-live: 0 0 14px rgba(219, 39, 119, 0.14);
}