/* GAMES REBORN — generated by scripts/build.js. Do not edit by hand. */
/* source: GAMES-Reborn-Network/design · tokens/brand_tokens.json + tokens/brand_styles.css ("Dark Reborn 3D") */
:root {
  --ax-accent-hue: #b81414;
  --ax-accent: #b81414;
  --ax-accent-hover: #ff263b;
  --ax-accent-glow: rgba(184, 20, 20, 0.25);
  --ax-accent-subtle: rgba(184, 20, 20, 0.12);
  --ax-bg: #060709;
  --ax-bg-subtle: #0d0e10;
  --ax-surface-1: #0f1218;
  --ax-surface-2: #161a23;
  --ax-surface-3: #28292c;
  --ax-surface-elevated: #313235;
  --ax-border-subdued: #1d1f21;
  --ax-border: rgba(255, 255, 255, 0.08);
  --ax-border-strong: #48494c;
  --ax-border-hover: #5a5c5f;
  --ax-text-1: #f0f2f8;
  --ax-text-2: #8f96a3;
  --ax-text-3: #5f6064;
  --ax-text-inverse: #060709;
  --ax-success: #10B981;
  --ax-success-glow: rgba(16, 185, 129, 0.2);
  --ax-warning: #F59E0B;
  --ax-warning-glow: rgba(245, 158, 11, 0.2);
  --ax-danger: #EF4444;
  --ax-danger-glow: rgba(239, 68, 68, 0.2);
  --ax-info: #0EA5E9;
  --ax-info-glow: rgba(14, 165, 233, 0.2);
  --font-sans: 'Rajdhani', -apple-system, sans-serif;
  --font-heading: 'Orbitron', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-numerals: 'JetBrains Mono', monospace;
  --space-1x: 4px;
  --space-2x: 8px;
  --space-3x: 12px;
  --space-4x: 16px;
  --space-6x: 24px;
  --space-8x: 32px;
  --space-12x: 48px;
  --space-16x: 64px;
  --space-24x: 96px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 9999px;
  --shadow-glowSm: 0 0 15px rgba(184, 20, 20, 0.35);
  --shadow-glowLg: 0 0 45px rgba(184, 20, 20, 0.55);
  --shadow-card3D: 0 20px 40px rgba(0, 0, 0, 0.6);
  --transition-fast: 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="light"] {
  --ax-accent: #b81414;
  --ax-accent-hover: #ff263b;
  --ax-accent-glow: rgba(184, 20, 20, 0.18);
  --ax-accent-subtle: rgba(184, 20, 20, 0.1);
  --ax-bg: #F7F8F9;
  --ax-bg-subtle: #EEF0F2;
  --ax-surface-1: #FFFFFF;
  --ax-surface-2: #F0F2F5;
  --ax-surface-3: #E4E7EB;
  --ax-surface-elevated: #FFFFFF;
  --ax-border-subdued: #E5E8EB;
  --ax-border: #D1D6DC;
  --ax-border-strong: #9BA3AE;
  --ax-border-hover: #7C8794;
  --ax-text-1: #111417;
  --ax-text-2: #4B5563;
  --ax-text-3: #8C96A3;
  --ax-text-inverse: #FFFFFF;
  --ax-success: #10B981;
  --ax-success-glow: rgba(16, 185, 129, 0.16);
  --ax-warning: #F59E0B;
  --ax-warning-glow: rgba(245, 158, 11, 0.16);
  --ax-danger: #EF4444;
  --ax-danger-glow: rgba(239, 68, 68, 0.16);
  --ax-info: #0EA5E9;
  --ax-info-glow: rgba(14, 165, 233, 0.16);
}

/* variant: Reborn v2 · Rose / Amber — games-reborn-branding · 06_design_tokens/brand_tokens.json */
[data-variant="rose"] {
  --ax-accent: #ff2d55;
  --ax-accent-hover: #e0284b;
  --ax-accent-glow: rgba(255, 45, 85, 0.25);
  --ax-accent-subtle: rgba(255, 45, 85, 0.12);
  --ax-bg: #060709;
  --ax-bg-subtle: #0d0e10;
  --ax-surface-1: #12121c;
  --ax-surface-2: #161a23;
  --ax-surface-3: #28292c;
  --ax-surface-elevated: #313235;
  --ax-border-subdued: #1d1f21;
  --ax-border: rgba(255, 255, 255, 0.08);
  --ax-border-strong: #48494c;
  --ax-border-hover: #5a5c5f;
  --ax-text-1: #f0f2f8;
  --ax-text-2: #8f96a3;
  --ax-text-3: #5f6064;
  --ax-text-inverse: #060709;
  --ax-success: #10B981;
  --ax-success-glow: rgba(16, 185, 129, 0.2);
  --ax-warning: #F59E0B;
  --ax-warning-glow: rgba(245, 158, 11, 0.2);
  --ax-danger: #EF4444;
  --ax-danger-glow: rgba(239, 68, 68, 0.2);
  --ax-info: #0EA5E9;
  --ax-info-glow: rgba(14, 165, 233, 0.2);
}

/* variant: MU3 · Material-UI v3 reference — games-reborn.com · DESIGN.md (MU3 Design Guide) */
[data-variant="mu3"] {
  --ax-accent: #1976d2;
  --ax-accent-hover: #1668b9;
  --ax-accent-glow: rgba(25, 118, 210, 0.25);
  --ax-accent-subtle: rgba(25, 118, 210, 0.12);
  --ax-bg: #121212;
  --ax-bg-subtle: #0d0e10;
  --ax-surface-1: #1e1e1e;
  --ax-surface-2: #2a2a2a;
  --ax-surface-3: #28292c;
  --ax-surface-elevated: #313235;
  --ax-border-subdued: #1d1f21;
  --ax-border: rgba(255, 255, 255, 0.12);
  --ax-border-strong: #48494c;
  --ax-border-hover: #5a5c5f;
  --ax-text-1: #ffffff;
  --ax-text-2: #bdbdbd;
  --ax-text-3: #5f6064;
  --ax-text-inverse: #060709;
  --ax-success: #2e7d32;
  --ax-success-glow: rgba(16, 185, 129, 0.2);
  --ax-warning: #ed6c02;
  --ax-warning-glow: rgba(245, 158, 11, 0.2);
  --ax-danger: #d32f2f;
  --ax-danger-glow: rgba(239, 68, 68, 0.2);
  --ax-info: #0288d1;
  --ax-info-glow: rgba(14, 165, 233, 0.2);
}