/* ==========================================================================
   SPS colour themes — structural styles use var(--tally-*) in app.css
   ========================================================================== */

:root {
  --tally-radius: 0;
  --tally-font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --sidebar-width-expanded: 280px;
  --sidebar-width-collapsed: 52px;
}

/* Emerald — current default (vibrant green Tally-style) */
.theme-emerald,
body.tally-theme:not([class*="theme-"]) {
  --tally-menu-green: #c6e2c6;
  --tally-menu-green-dark: #a8d4a8;
  --tally-header: #004236;
  --tally-header-text: #ffffff;
  --tally-sidebar: #005a50;
  --tally-sidebar-hover: #00796a;
  --tally-content: #e8f4f3;
  --tally-panel: #ffffff;
  --tally-panel-alt: #fcd5c5;
  --tally-panel-teal: #b9d9d7;
  --tally-border: #004236;
  --tally-border-light: #7aa89e;
  --tally-text: #1a2e2a;
  --tally-text-muted: #3d5c55;
  --tally-primary: #004236;
  --tally-primary-hover: #006b5a;
  --tally-accent: #17a2b8;
  --tally-danger: #8b2635;
  --tally-warning-bg: #fff3cd;
  --tally-success-bg: #d4edda;
  --tally-login-accent: #004236;
}

/* Topaz — golden amber + icy blue */
.theme-topaz {
  --tally-menu-green: #f5e6a8;
  --tally-menu-green-dark: #e6c84a;
  --tally-header: #1a4d7a;
  --tally-header-text: #ffffff;
  --tally-sidebar: #2563a8;
  --tally-sidebar-hover: #3b82c9;
  --tally-content: #eef6fc;
  --tally-panel: #ffffff;
  --tally-panel-alt: #fef3c7;
  --tally-panel-teal: #c8e0f5;
  --tally-border: #1a4d7a;
  --tally-border-light: #7eb3d4;
  --tally-text: #1e293b;
  --tally-text-muted: #475569;
  --tally-primary: #1a4d7a;
  --tally-primary-hover: #2563a8;
  --tally-accent: #d97706;
  --tally-danger: #b45309;
  --tally-warning-bg: #fef3c7;
  --tally-success-bg: #dbeafe;
  --tally-login-accent: #1a4d7a;
}

/* Amethyst — rich violet / lavender (not danger red) */
.theme-amethyst {
  --tally-menu-green: #e9d5ff;
  --tally-menu-green-dark: #c4b5fd;
  --tally-header: #4c1d95;
  --tally-header-text: #ffffff;
  --tally-sidebar: #5b21b6;
  --tally-sidebar-hover: #6d28d9;
  --tally-content: #f5f3ff;
  --tally-panel: #ffffff;
  --tally-panel-alt: #fce7f3;
  --tally-panel-teal: #ddd6fe;
  --tally-border: #4c1d95;
  --tally-border-light: #a78bfa;
  --tally-text: #1e1b4b;
  --tally-text-muted: #5b21b6;
  --tally-primary: #5b21b6;
  --tally-primary-hover: #6d28d9;
  --tally-accent: #7c3aed;
  --tally-danger: #9f1239;
  --tally-warning-bg: #fef3c7;
  --tally-success-bg: #ede9fe;
  --tally-login-accent: #4c1d95;
}