/**
 * Dtrack shared theme tokens.
 * Import this file in any web app, then set:
 *   <html data-theme="industrialLab">
 * Theme ids: mindfulMentor | honestFriend | midnightCoach | industrialLab | hybridPulse | sideways
 */

:root,
[data-theme="mindfulMentor"] {
  color-scheme: light;
  --dt-primary: #006d77;
  --dt-on-primary: #ffffff;
  --dt-primary-container: #83c5be;
  --dt-on-primary-container: #2f3e46;
  --dt-secondary: #ffddd2;
  --dt-on-secondary: #2f3e46;
  --dt-secondary-container: #ffffff;
  --dt-background: #edf6f9;
  --dt-on-background: #2f3e46;
  --dt-surface: #ffffff;
  --dt-on-surface: #2f3e46;
  --dt-surface-variant: #83c5be;
  --dt-on-surface-variant: #2f3e46;
  --dt-outline: #006d77;
  --dt-outline-variant: #83c5be;
  --dt-error: #b00020;
  --dt-on-error: #ffffff;
  --dt-error-container: #f9dedc;
  --dt-on-error-container: #410e0b;
  --dt-muted: #5a6a72;
  --dt-shadow: rgba(47, 62, 70, 0.18);

  /* Semantic aliases (match dashboard / website naming) */
  --bg: var(--dt-background);
  --text: var(--dt-on-surface);
  --muted: var(--dt-muted);
  --accent: var(--dt-primary);
  --border: var(--dt-outline);
  --panel: var(--dt-surface);
  --card: var(--dt-surface);
}

[data-theme="honestFriend"] {
  color-scheme: light;
  --dt-primary: #839788;
  --dt-on-primary: #ffffff;
  --dt-primary-container: #a3b18a;
  --dt-on-primary-container: #2f3e46;
  --dt-secondary: #bc6c25;
  --dt-on-secondary: #ffffff;
  --dt-secondary-container: #ffffff;
  --dt-background: #fefae0;
  --dt-on-background: #2f3e46;
  --dt-surface: #ffffff;
  --dt-on-surface: #2f3e46;
  --dt-surface-variant: #a3b18a;
  --dt-on-surface-variant: #2f3e46;
  --dt-outline: #839788;
  --dt-outline-variant: #a3b18a;
  --dt-error: #b00020;
  --dt-on-error: #ffffff;
  --dt-error-container: #f9dedc;
  --dt-on-error-container: #410e0b;
  --dt-muted: #5a6a72;
  --dt-shadow: rgba(47, 62, 70, 0.16);
}

[data-theme="midnightCoach"] {
  color-scheme: dark;
  --dt-primary: #1b263b;
  --dt-on-primary: #e0e1dd;
  --dt-primary-container: #415a77;
  --dt-on-primary-container: #e0e1dd;
  --dt-secondary: #e0e1dd;
  --dt-on-secondary: #0d1b2a;
  --dt-secondary-container: #415a77;
  --dt-background: #0d1b2a;
  --dt-on-background: #e0e1dd;
  --dt-surface: #0d1b2a;
  --dt-on-surface: #e0e1dd;
  --dt-surface-variant: #415a77;
  --dt-on-surface-variant: #e0e1dd;
  --dt-outline: #415a77;
  --dt-outline-variant: #415a77;
  --dt-error: #e29578;
  --dt-on-error: #0d1b2a;
  --dt-error-container: #5c2b1e;
  --dt-on-error-container: #f9dedc;
  --dt-muted: #9aa3b2;
  --dt-shadow: rgba(0, 0, 0, 0.45);
}

[data-theme="industrialLab"] {
  color-scheme: dark;
  --dt-primary: #b7ff00;
  --dt-on-primary: #000000;
  --dt-primary-container: #1e2a1a;
  --dt-on-primary-container: #e7f2e7;
  --dt-secondary: #8a9b88;
  --dt-on-secondary: #000000;
  --dt-secondary-container: #1e2a1a;
  --dt-background: #0b0f0c;
  --dt-on-background: #e7f2e7;
  --dt-surface: #121212;
  --dt-on-surface: #e7f2e7;
  --dt-surface-variant: #1e2a1a;
  --dt-on-surface-variant: #e7f2e7;
  --dt-outline: #b7ff00;
  --dt-outline-variant: #1e2a1a;
  --dt-error: #ff6b6b;
  --dt-on-error: #000000;
  --dt-error-container: #3d1515;
  --dt-on-error-container: #ffdad6;
  --dt-muted: #8a9b88;
  --dt-shadow: rgba(0, 0, 0, 0.5);
}

[data-theme="hybridPulse"] {
  color-scheme: dark;
  --dt-primary: #00ff85;
  --dt-on-primary: #000000;
  --dt-primary-container: #0b2a1b;
  --dt-on-primary-container: #effff7;
  --dt-secondary: #ff4dff;
  --dt-on-secondary: #000000;
  --dt-secondary-container: #0b2a1b;
  --dt-background: #070b09;
  --dt-on-background: #effff7;
  --dt-surface: #0b2a1b;
  --dt-on-surface: #effff7;
  --dt-surface-variant: #0b2a1b;
  --dt-on-surface-variant: #effff7;
  --dt-outline: #b7ff00;
  --dt-outline-variant: #0b2a1b;
  --dt-error: #ff4d6d;
  --dt-on-error: #000000;
  --dt-error-container: #3d0014;
  --dt-on-error-container: #ffdad6;
  --dt-muted: #7aaf96;
  --dt-shadow: rgba(0, 0, 0, 0.5);
  --dt-accent: #b7ff00;
}

[data-theme="sideways"] {
  color-scheme: dark;
  --dt-primary: #00ff85;
  --dt-on-primary: #000000;
  --dt-primary-container: #121212;
  --dt-on-primary-container: #ffffff;
  --dt-secondary: #b0b0b0;
  --dt-on-secondary: #000000;
  --dt-secondary-container: #121212;
  --dt-background: #080808;
  --dt-on-background: #ffffff;
  --dt-surface: #121212;
  --dt-on-surface: #ffffff;
  --dt-surface-variant: #121212;
  --dt-on-surface-variant: #b0b0b0;
  --dt-outline: #00ff85;
  --dt-outline-variant: #121212;
  --dt-error: #ff5252;
  --dt-on-error: #000000;
  --dt-error-container: #3d1515;
  --dt-on-error-container: #ffdad6;
  --dt-muted: #b0b0b0;
  --dt-shadow: rgba(0, 0, 0, 0.55);
}

/* Keep semantic aliases in sync when a non-default theme is selected */
[data-theme] {
  --bg: var(--dt-background);
  --text: var(--dt-on-surface);
  --muted: var(--dt-muted);
  --accent: var(--dt-primary);
  --border: var(--dt-outline);
  --panel: var(--dt-surface);
  --card: var(--dt-surface);
}