/* RadiaMaps Design Tokens — Fallout Bright Theme
   Canonical :root custom properties for component CSS.
   Maps to the new Fallout Bright theme defined in styles.css.
   This file must be loaded FIRST, before styles.css and component CSS.
*/
:root {
  --color-bg-shell: var(--bg-base, #0b0b0d);
  --color-bg-panel: var(--bg-surface, #131315);
  --color-bg-panel-alt: var(--bg-elevated, #1a1a1e);
  --color-accent-green: var(--green, #4ade80);
  --color-accent-cyan: var(--cyan, #67e8f9);
  --color-accent-aqua: var(--cyan, #67e8f9);
  --color-cta-warn: var(--primary, #FFE030);
  --color-warn-soft: var(--secondary, #F08000);
  --color-error: var(--danger, #ff6b6b);
  --color-text-primary: var(--text-primary, #ecedf0);
  --color-text-secondary: var(--text-secondary, rgba(236, 237, 240, 0.68));
  --color-text-tertiary: var(--text-tertiary, rgba(236, 237, 240, 0.38));
  --color-border-accent: var(--primary, #FFE030);
  --color-border-muted: var(--border-medium, rgba(255, 224, 48, 0.18));
  --gradient-accent: linear-gradient(90deg, var(--primary), var(--secondary));
  --gradient-heading: linear-gradient(90deg, var(--primary), var(--secondary));
  --shadow-accent: var(--shadow-glow, 0 0 20px -6px rgba(255, 224, 48, 0.15));
  --radius-shell: var(--radius-lg, 10px);
  --radius-card: var(--radius-md, 7px);
  --radius-btn: var(--radius-sm, 4px);
  /* --radius-pill already defined in styles.css */
  --pad-xs: 6px; --pad-sm: 8px; --pad-md: 12px; --pad-lg: 18px; --pad-xl: 26px;
}