:root { --bg-primary: #0a0a0c; --bg-secondary: #121216; --bg-surface: #18181f; --bg-card: rgba(22, 22, 28, 0.85); --bg-elevated: #22222b; --bg-glass: rgba(10, 10, 12, 0.75); --text-primary: #f8f6f0; --text-secondary: #c5c2b8; --text-muted: #807d75; --text-inverse: #0a0a0c; --accent-primary: #d4af37; --accent-secondary: #f3e5ab; --accent-hover: #e5c158; --accent-muted: rgba(212, 175, 55, 0.15); --accent-border: rgba(212, 175, 55, 0.35); --accent-glow: rgba(212, 175, 55, 0.25); --border-subtle: rgba(255, 255, 255, 0.08); --border-strong: rgba(212, 175, 55, 0.4); --border-interactive: rgba(212, 175, 55, 0.5); --scrollbar-gradient-from: #d4af37; --scrollbar-gradient-to: #8a6d1c; --scrollbar-track: #0e0e12; --scrollbar-width: 10px; --font-display: "Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif; --font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --theme-glow-filter: drop-shadow(0 0 12px rgba(212, 175, 55, 0.2)); --theme-badge-bg: rgba(212, 175, 55, 0.1); --theme-badge-text: #d4af37; --theme-hero-overlay: linear-gradient(180deg, rgba(10, 10, 12, 0.3) 0%, rgba(10, 10, 12, 0.85) 85%, #0a0a0c 100%); --theme-card-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.6); --radius-sm: 4px; --radius-md: 8px; --radius-lg: 14px; --radius-full: 9999px; } [data-theme="light"] { --bg-primary: #fcfbf9; --bg-secondary: #f4f1ea; --bg-surface: #ebe6dc; --bg-card: rgba(255, 255, 255, 0.9); --bg-elevated: #ffffff; --bg-glass: rgba(252, 251, 249, 0.85); --text-primary: #1a1815; --text-secondary: #4a463f; --text-muted: #827c73; --text-inverse: #ffffff; --accent-primary: #b38f24; --accent-secondary: #d4af37; --accent-hover: #9c7b1c; --accent-muted: rgba(179, 143, 36, 0.12); --accent-border: rgba(179, 143, 36, 0.35); --accent-glow: rgba(179, 143, 36, 0.2); --border-subtle: rgba(26, 24, 21, 0.08); --border-strong: rgba(179, 143, 36, 0.4); --border-interactive: rgba(179, 143, 36, 0.5); --scrollbar-gradient-from: #b38f24; --scrollbar-gradient-to: #d4af37; --scrollbar-track: #f0ede5; --theme-hero-overlay: linear-gradient(180deg, rgba(252, 251, 249, 0.2) 0%, rgba(252, 251, 249, 0.85) 85%, #fcfbf9 100%); --theme-card-shadow: 0 10px 25px -10px rgba(60, 50, 30, 0.12); }