/**
* Theme switch — set on in each page:
*
* data-theme="minimal" off-white + deep teal (v5 calm default)
* data-theme="gradient" original purple gradient look
*/
:root,
[data-theme="gradient"] {
--color-accent: #667eea;
--color-accent-hover: #5568d3;
--color-accent-secondary: #764ba2;
--color-accent-rgb: 102, 126, 234;
--gradient-accent: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
--gradient-accent-hover: linear-gradient(135deg, #5568d3 0%, #654392 100%);
--text-on-accent: #ffffff;
--page-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
--page-text: #333;
--legal-page-bg: #f5f6fa;
--header-text: #ffffff;
--header-text-muted: rgba(255, 255, 255, 0.9);
--header-title-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
--chrome-btn-bg: rgba(255, 255, 255, 0.2);
--chrome-btn-bg-hover: rgba(255, 255, 255, 0.3);
--chrome-btn-color: #ffffff;
--chrome-btn-border: rgba(255, 255, 255, 0.8);
--chrome-pill-bg: rgba(255, 255, 255, 0.1);
--chrome-pill-bg-hover: rgba(255, 255, 255, 0.2);
--chrome-pill-border: rgba(255, 255, 255, 0.5);
--chrome-pill-active-bg: #ffffff;
--chrome-pill-active-color: #667eea;
--chrome-pill-active-border: #ffffff;
--lang-btn-border: rgba(255, 255, 255, 0.45);
--lang-btn-bg: rgba(255, 255, 255, 0.12);
--lang-btn-bg-hover: rgba(255, 255, 255, 0.22);
--lang-btn-border-hover: rgba(255, 255, 255, 0.85);
--lang-btn-active-border: #ffffff;
--lang-btn-active-bg: rgba(255, 255, 255, 0.95);
--lang-btn-active-ring: rgba(255, 255, 255, 0.35);
--nav-btn-bg: rgba(255, 255, 255, 0.15);
--nav-btn-bg-hover: rgba(255, 255, 255, 0.28);
--nav-btn-color: #ffffff;
--nav-btn-border: rgba(255, 255, 255, 0.85);
--nav-btn-active-bg: #ffffff;
--nav-btn-active-color: #667eea;
--nav-btn-active-border: #ffffff;
--summary-card-bg: var(--gradient-accent);
--summary-card-text: #ffffff;
--summary-card-border: none;
--footer-link: rgba(255, 255, 255, 0.9);
--footer-link-hover: #ffffff;
--footer-sep: rgba(255, 255, 255, 0.5);
--focus-ring: rgba(102, 126, 234, 0.35);
--highlight-bg: #f8f9ff;
--highlight-bg-strong: linear-gradient(135deg, #f0f4ff 0%, #e8ecff 100%);
--selected-row-bg: #e7f3ff;
--surface: #ffffff;
--surface-muted: transparent;
--border-strong: transparent;
--border-soft: rgba(255, 255, 255, 0.35);
--text-muted: rgba(255, 255, 255, 0.85);
--plus-accent: #667eea;
--plus-accent-hover: #5568d3;
--faq-btn-bg: #ffffff;
--faq-btn-hover: #f5f5ff;
--faq-btn-text: #667eea;
--tour-btn-bg: transparent;
--tour-btn-hover: rgba(255, 255, 255, 0.2);
--tour-btn-text: #ffffff;
--color-success: #22C55E;
--color-danger: #EF4444;
}
/* Calm off-white + deep teal — one green family, soft surfaces */
[data-theme="minimal"] {
--color-accent: #134E4A;
--color-accent-hover: #0F766E;
--color-accent-secondary: #0F766E;
--color-accent-rgb: 19, 78, 74;
--gradient-accent: #134E4A;
--gradient-accent-hover: #0F766E;
--text-on-accent: #ffffff;
--color-success: #22C55E;
--color-danger: #EF4444;
--page-bg: #F4F8F7;
--page-text: #17211F;
--legal-page-bg: #F4F8F7;
--header-text: #17211F;
--header-text-muted: #64748B;
--header-title-shadow: none;
--chrome-btn-bg: transparent;
--chrome-btn-bg-hover: rgba(19, 78, 74, 0.06);
--chrome-btn-color: #17211F;
--chrome-btn-border: #D5E3E0;
--chrome-pill-bg: transparent;
--chrome-pill-bg-hover: rgba(19, 78, 74, 0.06);
--chrome-pill-border: #D5E3E0;
--chrome-pill-active-bg: #134E4A;
--chrome-pill-active-color: #ffffff;
--chrome-pill-active-border: #134E4A;
--lang-btn-border: #D5E3E0;
--lang-btn-bg: transparent;
--lang-btn-bg-hover: rgba(19, 78, 74, 0.06);
--lang-btn-border-hover: #0F766E;
--lang-btn-active-border: #134E4A;
--lang-btn-active-bg: #ffffff;
--lang-btn-active-ring: rgba(19, 78, 74, 0.15);
--nav-btn-bg: transparent;
--nav-btn-bg-hover: rgba(19, 78, 74, 0.06);
--nav-btn-color: #17211F;
--nav-btn-border: transparent;
--nav-btn-active-bg: transparent;
--nav-btn-active-color: #134E4A;
--nav-btn-active-border: transparent;
--summary-card-bg: transparent;
--summary-card-text: #17211F;
--summary-card-border: none;
--footer-link: #0F766E;
--footer-link-hover: #134E4A;
--footer-sep: #A8BDB8;
--focus-ring: rgba(19, 78, 74, 0.28);
--highlight-bg: rgba(19, 78, 74, 0.04);
--highlight-bg-strong: rgba(19, 78, 74, 0.07);
--selected-row-bg: rgba(19, 78, 74, 0.06);
--surface: transparent;
--surface-muted: transparent;
--border-strong: transparent;
--border-soft: #E2ECE9;
--text-muted: #64748B;
--plus-accent: #134E4A;
--plus-accent-hover: #0F766E;
--faq-btn-bg: #134E4A;
--faq-btn-hover: #0F766E;
--faq-btn-text: #ffffff;
--tour-btn-bg: transparent;
--tour-btn-hover: rgba(19, 78, 74, 0.06);
--tour-btn-text: #134E4A;
}