/* 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). */

/* ── Inverse accent ────────────────────────────────────────────────────────────
   PARTIAL theme: flips only surfaces / text / borders / overlays / shadows /
   tooltip to a dark charcoal, and leaves brand colors (primary, success,
   danger, …), radius, and fonts to INHERIT from the active page theme. Use it
   for dark chrome on a light page — Finstat-style dark top menu + footer —
   where the brand accent must stay on-brand.

   Because it's partial, it's meant to be applied SCOPED, not globally:
     - on a light-DOM region wrapper:  <header data-theme="inverse"> … </header>
     - on a single component host:      <b-card data-theme="inverse"> … </b-card>
     - per shell region via the headerAccent / ribbonAccent / footerAccent hooks
   (Custom properties cross the Shadow DOM boundary, so the nested components
   inherit these surface tokens while keeping the page theme's brand color.) ── */
[data-theme="inverse"] {
  /* Text-only red. This theme inherits danger from the page theme, so the error row was #dc2626 on a dark
     surface — 2.13:1. #fca5a5 gives 5.41:1 on --b-bg-secondary and 7.62:1 on --b-bg. */
  --b-color-danger-text: #fca5a5;
  --b-color-primary-light: #1e3a5f;
  --b-color-success-light: #14352a;
  --b-color-warning-light: #3d2c0a;
  --b-color-danger-light: #3f1d1d;
  --b-color-info-light: #0e3438;
  --b-color-primary-text: #70a4f8;
  --b-color-success-text: #2cac5b;
  --b-color-warning-text: #dc8117;
  --b-color-info-text: #32a4bf;

  --b-bg: #2b2929;
  --b-bg-secondary: #434040;
  --b-bg-tertiary: #4c4949;
  --b-bg-elevated: #434040;

  --b-text: #ffffff;
  --b-text-secondary: #d5d0d0;
  --b-text-muted: #bdb9b9;

  --b-border: #5a5656;
  --b-border-hover: #736f6f;

  --b-tooltip-bg: #1a1818;
  --b-tooltip-text: #ffffff;
  --b-tooltip-border: #4c4949;

  --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);

  --b-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --b-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
  --b-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --b-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
  /* 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.6);

  /* primary / secondary / success / warning / danger / info, radius, fonts,
     --b-text-inverse and --b-input-thumb-bg are intentionally NOT set — they
     inherit from the page theme so accents stay on-brand inside the dark area. */
}