/*
  BB101 Phase 1A — Safe Visual Contract
  Purpose: introduce one central visual token layer without changing layout.
  This file intentionally avoids structural rules such as display, grid, flex,
  width, height, max-height, overflow, object-fit, gap, or positioning.
*/
:root,
[data-theme],
body {
  --badger-bg: var(--panel-bg, #0b111b);
  --badger-surface: var(--panel-card, #151c27);
  --badger-surface-soft: var(--panel-card-soft, #1c2430);
  --badger-border: var(--panel-border, rgba(148, 163, 184, .24));
  --badger-border-strong: var(--panel-border-strong, rgba(148, 163, 184, .42));
  --badger-text: var(--panel-text, #f8fafc);
  --badger-muted: var(--panel-muted, #aeb8c8);
  --badger-accent: var(--panel-accent, var(--nxt-panel-accent, #f0b429));
  --badger-success: var(--panel-success, #10b981);
  --badger-warning: var(--panel-warning, #f59e0b);
  --badger-danger: var(--panel-danger, #ef4444);
  --badger-radius-sm: 8px;
  --badger-radius: 12px;
  --badger-radius-lg: 16px;
  --badger-shadow-soft: 0 12px 34px rgba(0, 0, 0, .22);
  --badger-shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .035);
  --badger-focus-ring: 0 0 0 2px color-mix(in srgb, var(--badger-accent) 28%, transparent);
}

/* Safe cosmetic helpers only. These are opt-in utility classes for future cleanup. */
.badger-visual-surface {
  background: color-mix(in srgb, var(--badger-surface) 94%, transparent);
  border-color: var(--badger-border);
  color: var(--badger-text);
  box-shadow: var(--badger-shadow-inner), var(--badger-shadow-soft);
  border-radius: var(--badger-radius-lg);
}

.badger-visual-ring {
  border-color: var(--badger-border-strong);
  box-shadow: var(--badger-shadow-inner), var(--badger-focus-ring);
}

.badger-visual-muted {
  color: var(--badger-muted);
}

.badger-visual-accent {
  color: var(--badger-accent);
}

/* Dashboard-only cosmetic bridge, no layout changes. */
.dashboard-shell {
  --dashboard-card-border: var(--badger-border);
  --dashboard-card-radius: var(--badger-radius-lg);
  --dashboard-card-shadow: var(--badger-shadow-soft);
}