/* AUTO-GENERATED by Birko.DesignTokens from tokens.json. DO NOT EDIT.
   Change a value in tokens.json, then: dotnet run --project Birko.DesignTokens -- generate
   A hand-edit here is silently deleted by the next generate — that has happened twice, and both
   times the lost edit was a real fix (see Birko.DesignTokens/CLAUDE.md). */

/* ── Neon theme ───────────────────────────────────────────────────────────────
   Opt-in theme. Dark navy base + neon green/cyan accents. Link AFTER tokens.css:
     <link rel="stylesheet" href="css/tokens.css" />
     <link rel="stylesheet" href="css/themes/neon.css" />
   Activate with `data-theme="neon"` on <html> (persisted via the shell's
   `{storagePrefix}-theme` localStorage key). Register it in the switcher with
   `registerThemes([BUILTIN_THEMES.neon])` from birko-web-shell. ── */
[data-theme="neon"] {
  /* Accent green is the primary; dark forest-green text reads on top of it */
  --b-color-primary: #8cffb0;
  --b-color-primary-hover: #6be89a;
  --b-color-primary-light: #06301a;
  --b-color-primary-text: var(--b-color-primary);
  --b-color-secondary: #6f87a8;
  --b-color-secondary-hover: #8aa0bd;

  --b-color-success: #8cffb0;
  --b-color-success-light: #06301a;
  --b-color-success-text: var(--b-color-success);
  --b-color-warning: #ffaa44;
  --b-color-warning-light: #3a2a10;
  --b-color-warning-text: var(--b-color-warning);
  /* #ff4466 measures 5.36:1 as text on --b-bg-secondary, so no --b-color-danger-text override is needed
     here — it inherits this value. */
  --b-color-danger: #ff4466;
  --b-color-danger-hover: #ff6680;
  --b-color-danger-light: #551018;
  --b-color-danger-text: #ff5372;
  --b-color-info: #66e0ff;
  --b-color-info-light: #0e2a3a;
  --b-color-info-text: var(--b-color-info);

  /* Surfaces — very dark navy base, lifting to lighter navy for elevated chrome */
  --b-bg: #0b0f1a;
  --b-bg-secondary: #0e1726;
  --b-bg-tertiary: #16213a;
  --b-bg-elevated: #0e1c34;

  --b-tooltip-bg: #16306a;
  --b-tooltip-text: #e6f0ff;
  --b-tooltip-border: #3a6ea5;

  --b-text: #e6f0ff;
  --b-text-secondary: #8599b5;
  --b-text-muted: #7b8aa1;
  --b-text-inverse: #06301a;
  --b-text-on-success: var(--b-text-inverse);
  --b-text-on-warning: var(--b-text-inverse);
  --b-text-on-danger: #000000;
  --b-text-on-info: var(--b-text-inverse);

  --b-border: #21314f;
  --b-border-hover: #3a6ea5;

  --b-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --b-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4);
  --b-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.5);
  --b-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.6);
  /* Overlay depth — see dark.css: without this, xl falls through to the light :root value and lands
     weaker than every level below it on a dark page. */
  --b-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.7);

  /* Neon-green focus glow + magenta danger glow */
  --b-focus-ring: 0 0 0 3px rgba(140, 255, 176, 0.25);
  --b-focus-ring-danger: 0 0 0 3px rgba(255, 68, 102, 0.25);

  --b-backdrop-bg: rgba(5, 7, 15, 0.7);
  --b-backdrop-bg-light: rgba(5, 7, 15, 0.4);

  /* Dark thumb/check reads on the bright green active state */
  --b-input-thumb-bg: #06301a;

  /* Radial backdrop for the main content area. Left undefined in other themes
     so consumers fall back to var(--b-bg-gradient, var(--b-bg-secondary)). */
  --b-bg-gradient: radial-gradient(circle at 50% 30%, #16306a 0%, #0b0f1a 70%);

  /* Status alpha — neon palette hues, dark-surface strengths */
  --b-color-danger-alpha-bg: rgba(255, 68, 102, 0.15);
  --b-color-danger-alpha-border: rgba(255, 68, 102, 0.4);
  --b-color-success-alpha-bg: rgba(140, 255, 176, 0.15);
  --b-color-success-alpha-border: rgba(140, 255, 176, 0.4);
  --b-color-warning-alpha-bg: rgba(255, 170, 68, 0.15);
  --b-color-warning-alpha-border: rgba(255, 170, 68, 0.4);
  --b-color-info-alpha-bg: rgba(102, 224, 255, 0.15);
  --b-color-info-alpha-border: rgba(102, 224, 255, 0.4);

  /* Neutral overlays — white-based so hover/dividers stay visible on dark navy */
  --b-overlay-subtle: rgba(255, 255, 255, 0.04);
  --b-overlay-light: rgba(255, 255, 255, 0.06);
  --b-overlay-medium: rgba(255, 255, 255, 0.12);
}