/* Shell color tokens (Teal Classic), scoped for the Phase B shell only.
   Namespaced --pb- to avoid any clash with variables other pages define. */
:root {
  --pb-sidebar-bg: #ffffff;
  --pb-sidebar-bg-hover: #f2f4f7;
  --pb-sidebar-active: #e8f6f2;
  --pb-sidebar-text: #5b626b;
  --pb-sidebar-text-muted: #6b7280;
  --pb-topbar-bg: #ffffff;

  --pb-accent: #027a63;
  --pb-accent-hover: #01634f;
  --pb-accent-tint: #e8f6f2;

  --pb-card-border: #e3e7ec;
  --pb-text-primary: #262b30;
  --pb-text-secondary: #5f6670;
  --pb-text-muted: #636a77;
  --pb-page-bg: #eef1f5;
}

/* Shared page tokens (UI consistency G-10): the single copy of the colour tokens every theme page used to redeclare
   in its own :root block. Loaded globally from layouts/default.blade.php (before the page CSS). */
:root {
  --accent: #027a63;
  --accent-hover: #01634f;
  --accent-tint: #e8f6f2;
  --card-bg: #ffffff;
  --card-border: #e3e7ec;
  --danger: #c0392b;
  --stat-bg: #f5f7f9;
  --success: #007a40;
  --text-muted: #636a77;
  --text-primary: #262b30;
  --text-secondary: #5f6670;
  --warning: #9a5800;

  /* UX spacing pass (Phase 1): shared scale, not yet applied to every card
     site-wide - only where Phase 1+ explicitly uses them. */
  --sp-card-compact: 16px;
  --sp-card-default: 20px;
  --sp-card-spacious: 24px;
  --sp-block-gap: 20px;
}