/*
 * Design tokens — shared CSS custom properties consumed by shell-redesign.css
 * and (progressively) by individual page stylesheets as they get redesigned.
 *
 * Values below are pulled directly from the reference app's own compiled
 * output (http://172.16.0.15:9020, read-only: fetched its index.html/CSS/JS
 * via curl, nothing was submitted or changed there) — specifically its
 * default theme object (primaryColor/accentColor) and the CSS custom
 * properties its theme engine sets on :root (--bg-sidebar, --navbar-text,
 * etc. in main-BccIfvB4.js, and --uw-* in main-BwCYuSkq.css). Not estimated
 * from screenshots.
 *
 * These are the FALLBACK values, used whenever no theme-*.css file's
 * [data-theme="..."] selector matches the current <html data-theme="..."> —
 * i.e. before a theme is explicitly selected, or if a theme file fails to load.
 * They currently match theme-silverstar-blue.css so the first rollout has no
 * flash-of-unthemed-content. Additional theme-*.css files only need to repeat
 * the variables whose values they actually change.
 */
:root {
  --color-primary: #4e78ff;
  --color-primary-dark: #3558d4;
  --color-primary-contrast: #ffffff;
  --color-accent: #11c7d7;

  --sidebar-w: 240px;
  --header-h: 56px;

  --color-sidebar-bg: #4e78ff;
  --color-sidebar-text: #ffffff;
  --color-sidebar-muted: rgba(255, 255, 255, 0.5);
  --color-sidebar-hover-bg: rgba(255, 255, 255, 0.1);
  --color-sidebar-active-bg: rgba(255, 255, 255, 0.16);
  --color-sidebar-active-text: #ffffff;
  --color-sidebar-border: rgba(255, 255, 255, 0.14);

  --color-header-bg: #4e78ff;
  --color-header-text: rgba(255, 255, 255, 0.92);
  --color-header-muted: rgba(255, 255, 255, 0.65);
  --color-header-faint: rgba(255, 255, 255, 0.4);
  --color-header-border: rgba(255, 255, 255, 0.18);
  --color-header-hover-bg: rgba(255, 255, 255, 0.1);
  --color-header-search-bg: rgba(255, 255, 255, 0.12);

  --color-surface: #ffffff;
  --color-border: #e7e9f3;

  --accent-gradient: linear-gradient(135deg, #11c7d7, #4e78ff);
  --header-accent-strip: linear-gradient(90deg, #e91e63, #ffb400 28%, #8bc34a, #11c7d7, #4e78ff);

  --font-family-base: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --radius-pill: 999px;
  --radius-sm: 8px;
  --radius-base: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --shadow-card: 0 4px 12px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);
}