/* ─── Admin theme tokens (Plan 04-05) ──────────────────────────────────
   Loaded globally from App.razor. Tokens are on :root so CSS-isolated
   Blazor stylesheets (Layout/*.razor.css) can read them — CSS isolation
   scopes selectors, not custom-property cascade.

   Source artifact:
     .planning/features/v01/04-admin-foundation/artifacts/admin-shell-prototype.html
   Open Design daemon · design-system stillcrusin · 2026-05-15
   ────────────────────────────────────────────────────────────────────── */
:root {
  /* Ground & surface — near-black tool-wall ground, slightly raised panels */
  --admin-bg:             #1a1a1a;
  --admin-surface:        #2a2a2a;
  --admin-surface-raised: #333333;

  /* Chrome gradient anchors */
  --admin-chrome-lo:      #c0c0c0;
  --admin-chrome-hi:      #e8e8e8;

  /* Text */
  --admin-text:           #f0f0f0;
  --admin-text-muted:     #a0a0a0;
  --admin-text-dim:       #555555;

  /* Border (non-chrome) */
  --admin-border:         #383838;
  --admin-border-raised:  #484848;

  /* Hot-rod red — destructive actions only.
     NOT used on dashboard or non-delete UI. */
  --admin-accent-red:     #c8102e;

  /* Geometry */
  --admin-sidebar-w:      240px;
  --admin-topbar-h:       56px;

  /* Type — Big Shoulders Display + IBM Plex Sans (Deviation #1: the plan
     called for Inter; the public site already loads IBM Plex Sans via
     css/design-tokens.css and reusing the public set keeps the global
     font footprint unchanged.) */
  --admin-font-display:   'Big Shoulders Display', 'Oswald', 'Arial Narrow', sans-serif;
  --admin-font-body:      'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}