/* RepRecord — Theme CSS Custom Properties */

:root {
  --bg: #FFFFFF;
  --surface: #F0FFF4;
  --surface-variant: #D0F3E6;
  --primary: #007B6D;
  --primary-hover: #005A50;
  --on-primary: #FFFFFF;
  --secondary: #A8E1D4;
  --text: #007B6D;
  --text-muted: #40916C;
  --text-subtle: #A8E1D4;
  --border: #B2F2E0;
  --border-strong: #007B6D;
  --btn-bg: #007B6D;
  --btn-text: #FFFFFF;
  --btn-hover-bg: #005A50;
  --btn-outline-text: #007B6D;
  --btn-outline-border: #007B6D;
  --shadow-sm: 0 1px 3px rgba(0, 123, 109, 0.10);
  --shadow: 0 4px 16px rgba(0, 123, 109, 0.12);
  --shadow-lg: 0 8px 40px rgba(0, 123, 109, 0.16);
  --score-fill: #40916C;
  --score-track: #D0F3E6;
  --accent: #E91E63;
  --alert: #D32F2F;
  --card-bg: #F0FFF4;
  --input-bg: #F0FFF4;
  --input-focus: #D0F3E6;
  --nav-bg: rgba(255, 255, 255, 0.94);
  --nav-border: #B2F2E0;
  --footer-bg: #F0FFF4;
  --overlay: rgba(0, 0, 0, 0.50);
  --chart-bar-ok: #40916C;
  --chart-bar-low: #D32F2F;
  --chart-bar-high: #FF9800;
}

[data-theme="dark"] {
  --bg: #0C1715;
  --surface: #121E1B;
  --surface-variant: #162522;
  --primary: #8FE3D4;
  --primary-hover: #6DD4C2;
  --on-primary: #0C1715;
  --secondary: #B0EFE3;
  --text: #D2F5EE;
  --text-muted: #7CB9AD;
  --text-subtle: #1F5D51;
  --border: #1F5D51;
  --border-strong: #8FE3D4;
  --btn-bg: #8FE3D4;
  --btn-text: #0C1715;
  --btn-hover-bg: #6DD4C2;
  --btn-outline-text: #8FE3D4;
  --btn-outline-border: #8FE3D4;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.30);
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.45);
  --score-fill: #4DD0B5;
  --score-track: #1F5D51;
  --accent: #FF4081;
  --alert: #FF5252;
  --card-bg: #121E1B;
  --input-bg: #121E1B;
  --input-focus: #162522;
  --nav-bg: rgba(12, 23, 21, 0.94);
  --nav-border: #1F5D51;
  --footer-bg: #121E1B;
  --overlay: rgba(0, 0, 0, 0.70);
  --chart-bar-ok: #4DD0B5;
  --chart-bar-low: #FF5252;
  --chart-bar-high: #FFAB40;
}

[data-theme="chalk"] {
  --bg: #F4F4F6;
  --surface: #EAEAED;
  --surface-variant: #E1E1E5;
  --primary: #0D0D0F;
  --primary-hover: #2A2A2F;
  --on-primary: #F4F4F6;
  --secondary: #47474D;
  --text: #0D0D0F;
  --text-muted: #47474D;
  --text-subtle: #A5A5AB;
  --border: #D1D1D6;
  --border-strong: #0D0D0F;
  --btn-bg: #0D0D0F;
  --btn-text: #F4F4F6;
  --btn-hover-bg: #2A2A2F;
  --btn-outline-text: #0D0D0F;
  --btn-outline-border: #0D0D0F;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.09);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.12);
  --score-fill: #47474D;
  --score-track: #E1E1E5;
  --accent: #1976D2;
  --alert: #D32F2F;
  --card-bg: #EAEAED;
  --input-bg: #E1E1E5;
  --input-focus: #D5D5DA;
  --nav-bg: rgba(244, 244, 246, 0.94);
  --nav-border: #D1D1D6;
  --footer-bg: #EAEAED;
  --overlay: rgba(0, 0, 0, 0.50);
  --chart-bar-ok: #47474D;
  --chart-bar-low: #D32F2F;
  --chart-bar-high: #FF9800;
}

[data-theme="cherry"] {
  --bg: #FFF5F7;
  --surface: #FFE8ED;
  --surface-variant: #FFDDE5;
  --primary: #AD3056;
  --primary-hover: #8B2043;
  --on-primary: #FFFFFF;
  --secondary: #E07A99;
  --text: #AD3056;
  --text-muted: #D45C7E;
  --text-subtle: #F5A3B8;
  --border: #FFC9D6;
  --border-strong: #AD3056;
  --btn-bg: #AD3056;
  --btn-text: #FFFFFF;
  --btn-hover-bg: #8B2043;
  --btn-outline-text: #AD3056;
  --btn-outline-border: #AD3056;
  --shadow-sm: 0 1px 3px rgba(173, 48, 86, 0.10);
  --shadow: 0 4px 16px rgba(173, 48, 86, 0.12);
  --shadow-lg: 0 8px 40px rgba(173, 48, 86, 0.16);
  --score-fill: #E07A99;
  --score-track: #FFDDE5;
  --accent: #1E88E5;
  --alert: #D32F2F;
  --card-bg: #FFE8ED;
  --input-bg: #FFDDE5;
  --input-focus: #FFD0DB;
  --nav-bg: rgba(255, 245, 247, 0.94);
  --nav-border: #FFC9D6;
  --footer-bg: #FFE8ED;
  --overlay: rgba(0, 0, 0, 0.50);
  --chart-bar-ok: #E07A99;
  --chart-bar-low: #D32F2F;
  --chart-bar-high: #FF9800;
}

[data-theme="midnight"] {
  --bg: #0B0B0C;
  --surface: #141417;
  --surface-variant: #1E1E23;
  --primary: #F2F2F5;
  --primary-hover: #FFFFFF;
  --on-primary: #0B0B0C;
  --secondary: #B8B8BF;
  --text: #F2F2F5;
  --text-muted: #B8B8BF;
  --text-subtle: #5A5A60;
  --border: #2E2E34;
  --border-strong: #5A5A60;
  --btn-bg: #F2F2F5;
  --btn-text: #0B0B0C;
  --btn-hover-bg: #FFFFFF;
  --btn-outline-text: #F2F2F5;
  --btn-outline-border: #5A5A60;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.40);
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.55);
  --score-fill: #B8B8BF;
  --score-track: #1E1E23;
  --accent: #E040FB;
  --alert: #FF5252;
  --card-bg: #141417;
  --input-bg: #1E1E23;
  --input-focus: #2A2A30;
  --nav-bg: rgba(11, 11, 12, 0.94);
  --nav-border: #2E2E34;
  --footer-bg: #141417;
  --overlay: rgba(0, 0, 0, 0.70);
  --chart-bar-ok: #B8B8BF;
  --chart-bar-low: #FF5252;
  --chart-bar-high: #FFAB40;
}