/* Drucare Hub chrome theme overrides — local mirror.
 *
 * Extracted byte-for-byte from Drucare-Hub/src/index.css lines 427–692
 * (commit ref pinned in docs/design-system/local-mirror.md).
 *
 * The Hub publishes design tokens via /design-system/tokens@<ver>.css, but
 * the .chrome-* preset blocks live in Hub's index.css and are NOT in the
 * published tokens bundle. Until the appearance broadcast runtime is wired,
 * consumer modules must mirror these blocks locally so chromeClass() has
 * matching CSS to apply.
 *
 * DO NOT EDIT manually — refresh from Hub (see local-mirror.md).
 */

.chrome-dark {
  --background: 222 25% 8%;
  --foreground: 210 20% 96%;
  --surface: 222 22% 11%;
  --surface-elevated: 222 22% 14%;
  --surface-glass: 222 22% 11%;
  --card: 222 22% 11%;
  --card-foreground: 210 20% 96%;
  --popover: 222 22% 11%;
  --popover-foreground: 210 20% 96%;
  --secondary: 222 18% 16%;
  --secondary-foreground: 210 20% 96%;
  --muted: 222 18% 14%;
  --muted-foreground: 220 14% 70%;
  --border: 222 18% 20%;
  --input: 222 18% 20%;
  --sidebar-background: 222 22% 11%;
  --sidebar-foreground: 210 20% 96%;
  --sidebar-accent: 222 18% 16%;
  --sidebar-accent-foreground: 210 20% 96%;
  --sidebar-border: 222 18% 20%;
  --glass-bg: var(--popover);
  --glass-bg-opacity: 0.85;
  color: hsl(var(--foreground));
  color-scheme: dark;
}

.chrome-brand {
  --accent: 222 18% 18%;
  --accent-foreground: 210 20% 96%;
  --sidebar-accent: 222 18% 18%;
  --sidebar-accent-foreground: 210 20% 96%;
}

.chrome-emerald-prestige {
  --background: 158 25% 6%;
  --surface: 158 22% 9%;
  --card: 158 22% 9%;
  --popover: 158 22% 9%;
  --sidebar-background: 158 22% 9%;
  --secondary: 158 18% 14%;
  --muted: 158 18% 12%;
  --border: 158 18% 18%;
  --input: 158 18% 18%;
  --sidebar-border: 158 18% 18%;
  --primary: 158 64% 38%;
  --primary-foreground: 0 0% 100%;
  --primary-soft: 158 40% 14%;
  --primary-glow: 158 75% 52%;
  --accent: 43 60% 16%;
  --accent-foreground: 43 90% 70%;
  --ring: 158 64% 50%;
  --sidebar-primary: 158 64% 46%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 43 50% 16%;
  --sidebar-accent-foreground: 43 90% 70%;
  --sidebar-ring: 158 64% 50%;
}

.chrome-noir-gold {
  --background: 0 0% 5%;
  --surface: 0 0% 8%;
  --card: 0 0% 8%;
  --popover: 0 0% 8%;
  --sidebar-background: 0 0% 8%;
  --secondary: 0 0% 13%;
  --muted: 0 0% 11%;
  --border: 0 0% 16%;
  --input: 0 0% 16%;
  --sidebar-border: 0 0% 16%;
  --primary: 43 78% 54%;
  --primary-foreground: 0 0% 8%;
  --primary-soft: 43 50% 14%;
  --accent: 43 50% 14%;
  --accent-foreground: 43 90% 75%;
  --ring: 43 78% 54%;
  --sidebar-primary: 43 78% 54%;
  --sidebar-primary-foreground: 0 0% 8%;
  --sidebar-accent: 43 50% 14%;
  --sidebar-accent-foreground: 43 90% 75%;
  --sidebar-ring: 43 78% 54%;
}

.chrome-navy-gold {
  --background: 218 55% 8%;
  --surface: 218 50% 12%;
  --card: 218 50% 12%;
  --popover: 218 50% 12%;
  --sidebar-background: 218 50% 12%;
  --secondary: 218 40% 18%;
  --muted: 218 40% 15%;
  --border: 218 35% 22%;
  --input: 218 35% 22%;
  --sidebar-border: 218 35% 22%;
  --primary: 43 74% 56%;
  --primary-foreground: 218 55% 10%;
  --primary-soft: 43 45% 16%;
  --accent: 43 45% 18%;
  --accent-foreground: 43 90% 75%;
  --ring: 43 74% 56%;
  --sidebar-primary: 43 74% 56%;
  --sidebar-primary-foreground: 218 55% 10%;
  --sidebar-accent: 43 45% 18%;
  --sidebar-accent-foreground: 43 90% 75%;
  --sidebar-ring: 43 74% 56%;
}

.chrome-midnight-indigo {
  --background: 232 38% 8%;
  --surface: 232 35% 11%;
  --card: 232 35% 11%;
  --popover: 232 35% 11%;
  --sidebar-background: 232 35% 11%;
  --secondary: 232 30% 17%;
  --muted: 232 30% 14%;
  --border: 232 28% 22%;
  --input: 232 28% 22%;
  --sidebar-border: 232 28% 22%;
  --primary: 243 80% 70%;
  --primary-foreground: 232 38% 10%;
  --primary-soft: 243 50% 20%;
  --accent: 243 50% 22%;
  --accent-foreground: 243 90% 88%;
  --ring: 243 80% 70%;
  --sidebar-primary: 243 80% 70%;
  --sidebar-primary-foreground: 232 38% 10%;
  --sidebar-accent: 243 50% 22%;
  --sidebar-accent-foreground: 243 90% 88%;
  --sidebar-ring: 243 80% 70%;
}

.chrome-charcoal-ember {
  --background: 0 0% 10%;
  --surface: 0 0% 13%;
  --card: 0 0% 13%;
  --popover: 0 0% 13%;
  --sidebar-background: 0 0% 13%;
  --secondary: 0 0% 18%;
  --muted: 0 0% 15%;
  --border: 0 0% 22%;
  --input: 0 0% 22%;
  --sidebar-border: 0 0% 22%;
  --primary: 14 80% 56%;
  --primary-foreground: 0 0% 100%;
  --primary-soft: 14 50% 18%;
  --accent: 14 50% 20%;
  --accent-foreground: 14 90% 80%;
  --ring: 14 80% 56%;
  --sidebar-primary: 14 80% 56%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 14 50% 20%;
  --sidebar-accent-foreground: 14 90% 80%;
  --sidebar-ring: 14 80% 56%;
}

.chrome-slate-steel {
  --background: 215 22% 10%;
  --surface: 215 20% 14%;
  --card: 215 20% 14%;
  --popover: 215 20% 14%;
  --sidebar-background: 215 20% 14%;
  --secondary: 215 18% 19%;
  --muted: 215 18% 16%;
  --border: 215 16% 24%;
  --input: 215 16% 24%;
  --sidebar-border: 215 16% 24%;
  --primary: 210 70% 62%;
  --primary-foreground: 215 22% 12%;
  --primary-soft: 210 45% 20%;
  --accent: 210 45% 22%;
  --accent-foreground: 210 90% 85%;
  --ring: 210 70% 62%;
  --sidebar-primary: 210 70% 62%;
  --sidebar-primary-foreground: 215 22% 12%;
  --sidebar-accent: 210 45% 22%;
  --sidebar-accent-foreground: 210 90% 85%;
  --sidebar-ring: 210 70% 62%;
}

.chrome-plum-noir {
  --background: 290 25% 8%;
  --surface: 290 22% 12%;
  --card: 290 22% 12%;
  --popover: 290 22% 12%;
  --sidebar-background: 290 22% 12%;
  --secondary: 290 20% 17%;
  --muted: 290 20% 14%;
  --border: 290 18% 22%;
  --input: 290 18% 22%;
  --sidebar-border: 290 18% 22%;
  --primary: 290 60% 65%;
  --primary-foreground: 290 25% 10%;
  --primary-soft: 290 40% 20%;
  --accent: 290 40% 22%;
  --accent-foreground: 290 80% 88%;
  --ring: 290 60% 65%;
  --sidebar-primary: 290 60% 65%;
  --sidebar-primary-foreground: 290 25% 10%;
  --sidebar-accent: 290 40% 22%;
  --sidebar-accent-foreground: 290 80% 88%;
  --sidebar-ring: 290 60% 65%;
}

.chrome-ocean-deep {
  --background: 204 60% 8%;
  --surface: 204 50% 12%;
  --card: 204 50% 12%;
  --popover: 204 50% 12%;
  --sidebar-background: 204 50% 12%;
  --secondary: 204 40% 18%;
  --muted: 204 40% 15%;
  --border: 204 35% 22%;
  --input: 204 35% 22%;
  --sidebar-border: 204 35% 22%;
  --primary: 186 75% 55%;
  --primary-foreground: 204 60% 10%;
  --primary-soft: 186 50% 18%;
  --accent: 186 50% 20%;
  --accent-foreground: 186 90% 85%;
  --ring: 186 75% 55%;
  --sidebar-primary: 186 75% 55%;
  --sidebar-primary-foreground: 204 60% 10%;
  --sidebar-accent: 186 50% 20%;
  --sidebar-accent-foreground: 186 90% 85%;
  --sidebar-ring: 186 75% 55%;
}

.chrome-forest-moss {
  --background: 150 40% 7%;
  --surface: 150 35% 11%;
  --card: 150 35% 11%;
  --popover: 150 35% 11%;
  --sidebar-background: 150 35% 11%;
  --secondary: 150 28% 17%;
  --muted: 150 28% 14%;
  --border: 150 25% 22%;
  --input: 150 25% 22%;
  --sidebar-border: 150 25% 22%;
  --primary: 140 55% 60%;
  --primary-foreground: 150 40% 10%;
  --primary-soft: 140 40% 18%;
  --accent: 140 40% 20%;
  --accent-foreground: 140 80% 85%;
  --ring: 140 55% 60%;
  --sidebar-primary: 140 55% 60%;
  --sidebar-primary-foreground: 150 40% 10%;
  --sidebar-accent: 140 40% 20%;
  --sidebar-accent-foreground: 140 80% 85%;
  --sidebar-ring: 140 55% 60%;
}