/* ─── 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 {
  /* V1.x LIGHT-MODE flip — admin theme now mirrors the public site's
     vintage-paper aesthetic. Semantic --admin-* tokens resolve to the
     design-tokens.css raw scale via var() — no new hex values introduced. */

  /* Ground & surface — cream paper, raised panels in bone-white */
  --admin-bg:             var(--color-cream-pearl);      /* was #1a1a1a */
  --admin-surface:        var(--color-bone-white);       /* was #2a2a2a */
  --admin-surface-raised: var(--color-sequoia-cream);    /* was #333333 */

  /* Chrome gradient anchors — silver tones (work on light or dark) */
  --admin-chrome-lo:      var(--color-chrome-shadow);    /* was #c0c0c0 */
  --admin-chrome-hi:      var(--color-chrome-highlight); /* was #e8e8e8 */

  /* Text */
  --admin-text:           var(--color-lacquer-black);    /* was #f0f0f0 → now near-black on cream */
  --admin-text-muted:     var(--color-asphalt);          /* was #a0a0a0 → medium-dark gray */
  --admin-text-dim:       var(--color-placeholder);      /* was #555555 → soft gray (#7a7570) */

  /* Border (non-chrome) */
  --admin-border:         var(--color-patina-cream);     /* was #383838 → light cream divider */
  --admin-border-raised:  var(--color-body-cream);       /* was #484848 → slightly stronger */

  /* Hot-rod red — destructive actions only.
     NOT used on dashboard or non-delete UI. */
  --admin-accent-red:     var(--color-hot-rod-red);      /* was #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;
}