/*
 * Theme: silverstar-blue — values read directly from the reference app's
 * own default theme config and CSS custom properties (see tokens.css header
 * comment for how/where). Active when <html data-theme="silverstar-blue">.
 *
 * To add another theme later: copy this file, change the selector and the
 * values that differ, and register it as a <link> in index.html plus an
 * option wherever the theme switcher UI lives. Pages that already use
 * var(--token) instead of hardcoded colors re-skin automatically.
 */
[data-theme='silverstar-blue'] {
  --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);
}