/* Explain: Defines website color theme and typography, adapted for dark mode and glassmorphism. */
:root {
    --primary-color: #3b82f6;
    --primary-hover: #60a5fa;
    --secondary-color: #1e3a8a;
    --accent-color: #d4af37;
    --background-color: transparent;
    --surface-color: rgba(22, 37, 62, 0.55);
    --surface-deep: rgba(4, 8, 16, 0.5);
    --text-color: #f8fafc;
    --text-muted: #d3dbe8;
    --border-color: rgba(255, 255, 255, 0.2);
    --cream-color: transparent;
    --stone-color: rgba(255, 255, 255, 0.05);
    --charcoal-color: #ffffff;
    --clay-color: #fde047;
    --olive-color: #60a5fa;
    --shadow-soft: 0 14px 45px rgba(0, 0, 0, 0.4);
    --shadow-paper: 0 6px 20px rgba(0, 0, 0, 0.3);
    --radius-arch: 999px 999px 24px 24px;
    --radius-soft: 18px;
    --font-heading: 'Heebo', sans-serif;
    --font-body: 'Assistant', sans-serif;
}