/* ═══════════════════════════════════════════════════════════
   Theseus — Themes
   Default (light), Sepia, Dark, High Contrast
   ═══════════════════════════════════════════════════════════ */

/* Default (Parchment) — already set in :root */
:root {
	--highlight-amber: rgba(251, 191, 36, 0.3);
	--highlight-amber-strong: rgba(251, 191, 36, 0.5);
}

/* ── Sepia ─────────────────────────────────────────────── */
[data-theme="sepia"] {
	--highlight-amber: rgba(251, 191, 36, 0.25);
	--highlight-amber-strong: rgba(251, 191, 36, 0.45);
	--bg-page: #f0e6d3;
	--bg-card: #f5edd8;
	--bg-elevated: #f8f0de;
	--bg-inset: #e8dcc5;
	--surface: #e3d6bf;
	--surface-hover: #dccfb5;
	--text-primary: #3d2e1f;
	--text-secondary: #6b5744;
	--text-muted: #726555;
	--border: #d9ccb8;
	--border-subtle: rgba(61, 46, 31, 0.08);
}

/* ── Dark ──────────────────────────────────────────────── */
[data-theme="dark"] {
	--highlight-amber: rgba(251, 191, 36, 0.35);
	--highlight-amber-strong: rgba(251, 191, 36, 0.55);
	--bg-page: #0f0f1a;
	--bg-card: #1a1a2e;
	--bg-elevated: #252540;
	--bg-inset: #12121f;
	--surface: #1e1e33;
	--surface-hover: #252540;
	--text-primary: #e8e4df;
	--text-secondary: #9b9590;
	--text-muted: #8a827c;
	--text-inverse: #0f0f1a;
	--accent: #d4714a;
	--accent-hover: #e0825c;
	--accent-active: #c4653f;
	--border: rgba(255, 255, 255, 0.08);
	--border-subtle: rgba(255, 255, 255, 0.04);
	--divider: rgba(255, 255, 255, 0.08);
	--shadow-color: rgba(0, 0, 0, 0.4);
	--shadow-lg: rgba(0, 0, 0, 0.3);
	--focus-ring: rgba(212, 113, 74, 0.35);
	--scrollbar-thumb: rgba(255, 255, 255, 0.15);
	--scrollbar-thumb-hover: rgba(255, 255, 255, 0.3);
}

/* ── High Contrast ─────────────────────────────────────── */
[data-theme="high-contrast"] {
	--highlight-amber: rgba(251, 191, 36, 0.5);
	--highlight-amber-strong: rgba(251, 191, 36, 0.7);
	--bg-page: white;
	--bg-card: white;
	--bg-elevated: white;
	--bg-inset: #f0f0f0;
	--surface: #e8e8e8;
	--surface-hover: #dddddd;
	--text-primary: black;
	--text-secondary: #333333;
	--text-muted: #555555;
	--text-inverse: #ffffff;
	--accent: #c2553a;
	--border: #666666;
	--border-subtle: #999999;
	--focus-ring: rgba(194, 85, 58, 0.5);
	--scrollbar-thumb: rgba(0, 0, 0, 0.35);
	--scrollbar-thumb-hover: rgba(0, 0, 0, 0.55);
}

/* ── System Dark Preference ────────────────────────────── */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme]) {
		--highlight-amber: rgba(251, 191, 36, 0.35);
		--highlight-amber-strong: rgba(251, 191, 36, 0.55);
		--bg-page: #0f0f1a;
		--bg-card: #1a1a2e;
		--bg-elevated: #252540;
		--bg-inset: #12121f;
		--surface: #1e1e33;
		--surface-hover: #252540;
		--text-primary: #e8e4df;
		--text-secondary: #9b9590;
		--text-muted: #8a827c;
		--text-inverse: #0f0f1a;
		--accent: #d4714a;
		--accent-hover: #e0825c;
		--accent-active: #c4653f;
		--border: rgba(255, 255, 255, 0.08);
		--border-subtle: rgba(255, 255, 255, 0.04);
		--divider: rgba(255, 255, 255, 0.08);
		--shadow-color: rgba(0, 0, 0, 0.4);
		--shadow-lg: rgba(0, 0, 0, 0.3);
		--focus-ring: rgba(212, 113, 74, 0.35);
		--scrollbar-thumb: rgba(255, 255, 255, 0.15);
		--scrollbar-thumb-hover: rgba(255, 255, 255, 0.3);
	}
}