:root {
  color-scheme: dark;
  --font-family-sans: "Manrope", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-family-display: "Space Grotesk", "Manrope", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-family-mono: "Press Start 2P", "SFMono-Regular", "Consolas", "Liberation Mono", monospace;
  --font-size-base: 16px;
  --line-height-base: 1.6;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --md-display-large: 3.5625rem;
  --md-display-large-line-height: 4rem;
  --md-display-large-tracking: -0.015em;
  --md-display-medium: 2.8125rem;
  --md-display-medium-line-height: 3.25rem;
  --md-display-medium-tracking: -0.01em;
  --md-display-small: 2.25rem;
  --md-display-small-line-height: 2.75rem;
  --md-display-small-tracking: -0.005em;
  --md-headline-large: 2rem;
  --md-headline-large-line-height: 2.5rem;
  --md-headline-medium: 1.75rem;
  --md-headline-medium-line-height: 2.25rem;
  --md-headline-small: 1.5rem;
  --md-headline-small-line-height: 2rem;
  --md-title-large: 1.375rem;
  --md-title-large-line-height: 1.75rem;
  --md-title-medium: 1rem;
  --md-title-medium-line-height: 1.5rem;
  --md-title-medium-tracking: 0.015em;
  --md-title-small: 0.875rem;
  --md-title-small-line-height: 1.25rem;
  --md-title-small-tracking: 0.01em;
  --md-body-large: 1rem;
  --md-body-large-line-height: 1.5rem;
  --md-body-large-tracking: 0.01em;
  --md-body-medium: 0.875rem;
  --md-body-medium-line-height: 1.25rem;
  --md-body-medium-tracking: 0.015em;
  --md-body-small: 0.75rem;
  --md-body-small-line-height: 1.125rem;
  --md-body-small-tracking: 0.02em;
  --md-label-large: 0.875rem;
  --md-label-large-line-height: 1.25rem;
  --md-label-large-tracking: 0.01em;
  --md-label-medium: 0.75rem;
  --md-label-medium-line-height: 1rem;
  --md-label-medium-tracking: 0.04em;
  --md-label-small: 0.6875rem;
  --md-label-small-line-height: 1rem;
  --md-label-small-tracking: 0.05em;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --neon-cyan: #36f9ff;
  --neon-magenta: #ff4fd8;
  --neon-lime: #b4ff39;
  --neon-blue: #4f7dff;
  --neon-purple: #9b5cff;
  --neon-orange: #ff9d3f;
  --md-primary-fallback: #3dd6ff;
  --md-on-primary-fallback: #0b0f1f;
  --md-secondary-fallback: #ff4fd8;
  --md-on-secondary-fallback: #0b0f1f;
  --md-tertiary-fallback: #b4ff39;
  --md-on-tertiary-fallback: #0b0f1f;
  --md-surface-fallback: #0b0f1f;
  --md-on-surface-fallback: #e2e8f0;
  --md-surface-variant-fallback: rgba(15, 23, 42, 0.92);
  --md-outline-fallback: rgba(148, 163, 184, 0.4);
  --md-primary: var(--md-primary-custom, color-mix(in srgb, var(--neon-cyan) 55%, var(--neon-blue)));
  --md-on-primary: var(--md-on-primary-custom, var(--md-on-primary-fallback));
  --md-secondary: var(--md-secondary-custom, color-mix(in srgb, var(--neon-magenta) 75%, var(--neon-purple)));
  --md-on-secondary: var(--md-on-secondary-custom, var(--md-on-secondary-fallback));
  --md-tertiary: var(--md-tertiary-custom, color-mix(in srgb, var(--neon-lime) 70%, var(--neon-orange)));
  --md-on-tertiary: var(--md-on-tertiary-custom, var(--md-on-tertiary-fallback));
  --md-surface: var(--md-surface-custom, var(--md-surface-fallback));
  --md-on-surface: var(--md-on-surface-custom, var(--md-on-surface-fallback));
  --md-surface-variant: var(--md-surface-variant-custom, var(--md-surface-variant-fallback));
  --md-outline: var(--md-outline-custom, var(--md-outline-fallback));
  --neon-gradient: linear-gradient(
    120deg,
    var(--md-primary),
    var(--md-secondary),
    var(--md-tertiary),
    var(--md-primary)
  );
  --text-primary: var(--md-on-surface);
  --text-muted: #94a3b8;
  --text-on-accent: var(--md-on-primary);
  --surface-card: var(--md-surface-variant);
  --surface-elevated: color-mix(in srgb, var(--md-surface-variant) 70%, #1d2945);
  --surface-deep: var(--md-surface);
  --border-soft: color-mix(in srgb, var(--md-outline) 60%, transparent);
  --md-elevation-1: 0 4px 12px rgba(5, 10, 28, 0.35);
  --md-elevation-2: 0 8px 20px rgba(5, 10, 28, 0.4);
  --md-elevation-3: 0 14px 28px rgba(5, 10, 28, 0.5);
  --md-elevation-4: 0 20px 38px rgba(5, 10, 28, 0.55);
  --md-elevation-5: 0 28px 54px rgba(5, 10, 28, 0.65);
  --elevation-1: var(--md-elevation-1);
  --elevation-2: var(--md-elevation-3);
  --surface-glow: rgba(79, 125, 255, 0.35);
  --surface-glow-strong: rgba(255, 79, 216, 0.35);
  --section-backdrop: rgba(6, 10, 26, 0.75);
  --md-accent-overlay: linear-gradient(
    135deg,
    color-mix(in srgb, var(--neon-cyan) 24%, transparent),
    color-mix(in srgb, var(--neon-magenta) 20%, transparent),
    transparent 65%
  );
  --md-focus-ring: 0 0 0 2px rgba(79, 125, 255, 0.45),
    0 0 0 4px rgba(255, 79, 216, 0.25);
}