/* ========================================
   Teacher's Pet — Shared Design Tokens
   Raas Leela Color Palette
   ======================================== */

:root {
    /* Primary: Krishna's divine indigo/violet */
    --krishna-indigo: #4C1D95;
    --krishna-deep: #3B0764;
    --krishna-light: #7C3AED;

    /* Accent: Divine gold (Radha's adornments) */
    --divine-gold: #D4AF37;
    --gold-light: #F5D98A;

    /* Supporting: Coral vermillion (tilak/sindoor) */
    --coral-vermillion: #FF6B6B;
    --coral-light: #FFA5A5;

    /* Supporting: Emerald (nature, peacock feathers) */
    --emerald: #10B981;
    --emerald-light: #6EE7B7;

    /* Supporting: Peacock blue */
    --peacock-blue: #0EA5E9;

    /* Neutrals: Moonlight and cream */
    --moonlight: #FDF8F3;
    --cream: #FAF5EB;
    --warm-white: #FFFDF9;
    --warm-charcoal: #1C1917;
    --warm-gray: #44403C;
    --warm-muted: #78716C;
    --warm-border: rgba(76, 29, 149, 0.1);
    --warm-border-strong: rgba(76, 29, 149, 0.2);

    /* Status */
    --success: #10B981;
    --warning: #F59E0B;
    --danger: #EF4444;

    /* Shadows — Clay-style */
    --shadow-sm: 0 2px 8px rgba(76, 29, 149, 0.06);
    --shadow-md: 0 4px 16px rgba(76, 29, 149, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 8px 32px rgba(76, 29, 149, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
    --shadow-xl: 0 24px 48px rgba(76, 29, 149, 0.15), 0 12px 24px rgba(0, 0, 0, 0.08);

    /* Typography */
    --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --font-serif: 'DM Serif Display', Georgia, serif;
    --font-mono: 'SF Mono', 'Fira Code', monospace;

    /* Border Radius */
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;

    /* Layout */
    --nav-height: 56px;
    --nav-offset: 92px; /* top padding + nav height */
}

/* Global reset */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Reduced motion — global */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}