/* Explain: Brand color palette, typography, and shadow design tokens. */
:root {
    --primary-color: #0A192F;
    --primary-hover: #112240;
    --secondary-color: #1D4ED8;
    --accent-color: #F59E0B;
    --accent-hover: #D97706;
    --sand-color: #F8FAFC;
    --pine-color: #0A192F;
    --sky-color: #60A5FA;
    --background-color: #FFFFFF;
    --surface-color: #F1F5F9;
    --text-color: #1E293B;
    --text-muted: #475569;
    --border-color: rgba(10, 25, 47, 0.1);
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Inter', sans-serif;
    --shadow-soft: 0 10px 30px rgba(10, 25, 47, 0.05);
    --shadow-strong: 0 20px 40px rgba(10, 25, 47, 0.1);
    --shadow-glow: 0 10px 25px rgba(245, 158, 11, 0.25);
}