/**
* Theme switch — set on in each page:
*
* data-theme="minimal" white background, dark text (current default)
* data-theme="gradient" original purple gradient look
*
* To revert to the purple style: change minimal → gradient on .
* You can also duplicate a block below to experiment with custom palettes.
*/
: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.1);
--highlight-bg: #f8f9ff;
--highlight-bg-strong: linear-gradient(135deg, #f0f4ff 0%, #e8ecff 100%);
--selected-row-bg: #e7f3ff;
}
[data-theme="minimal"] {
--color-accent: #111111;
--color-accent-hover: #333333;
--color-accent-secondary: #444444;
--color-accent-rgb: 17, 17, 17;
--gradient-accent: #111111;
--gradient-accent-hover: #333333;
--text-on-accent: #ffffff;
--page-bg: #ffffff;
--page-text: #111111;
--legal-page-bg: #ffffff;
--header-text: #111111;
--header-text-muted: #444444;
--header-title-shadow: none;
--chrome-btn-bg: #f5f5f5;
--chrome-btn-bg-hover: #ebebeb;
--chrome-btn-color: #111111;
--chrome-btn-border: #dddddd;
--chrome-pill-bg: #f9f9f9;
--chrome-pill-bg-hover: #f0f0f0;
--chrome-pill-border: #dddddd;
--chrome-pill-active-bg: #111111;
--chrome-pill-active-color: #ffffff;
--chrome-pill-active-border: #111111;
--lang-btn-border: #dddddd;
--lang-btn-bg: #f9f9f9;
--lang-btn-bg-hover: #f0f0f0;
--lang-btn-border-hover: #bbbbbb;
--lang-btn-active-border: #111111;
--lang-btn-active-bg: #ffffff;
--lang-btn-active-ring: rgba(0, 0, 0, 0.08);
--nav-btn-bg: #f5f5f5;
--nav-btn-bg-hover: #ebebeb;
--nav-btn-color: #111111;
--nav-btn-border: #dddddd;
--nav-btn-active-bg: #111111;
--nav-btn-active-color: #ffffff;
--nav-btn-active-border: #111111;
--summary-card-bg: #f8f8f8;
--summary-card-text: #111111;
--summary-card-border: 1px solid #e5e5e5;
--footer-link: #444444;
--footer-link-hover: #111111;
--footer-sep: #cccccc;
--focus-ring: rgba(0, 0, 0, 0.08);
--highlight-bg: #f5f5f5;
--highlight-bg-strong: #f0f0f0;
--selected-row-bg: #f0f0f0;
}