/* assets/css/fonts.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Font Families */
    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Playfair Display', serif;
    --font-sanskrit: 'Noto Sans Devanagari', sans-serif;
    
    /* Color Palette */
    --color-primary: #3a0ca3;
    --color-secondary: #4361ee;
    --color-accent: #f72585;
    --color-light: #f8f9fa;
    --color-dark: #212529;
    --color-gray: #6c757d;
    --color-success: #4cc9f0;
    --color-warning: #f8961e;
    
    /* Gradients */
    --gradient-motivated: linear-gradient(135deg, #ff6b6b, #ffd166);
    --gradient-peaceful: linear-gradient(135deg, #4cc9f0, #4361ee);
    --gradient-anxious: linear-gradient(135deg, #7209b7, #3a0ca3);
    --gradient-sad: linear-gradient(135deg, #8ac6d1, #5d84a5);
    --gradient-angry: linear-gradient(135deg, #f72585, #b5179e);
    --gradient-confused: linear-gradient(135deg, #f8961e, #f3722c);
    --gradient-fearful: linear-gradient(135deg, #577590, #4a4e69);
    --gradient-devotional: linear-gradient(135deg, #90be6d, #43aa8b);
    --gradient-joyful: linear-gradient(135deg, #ffd166, #ff9e6d);
    --gradient-balanced: linear-gradient(135deg, #9d4edd, #560bad);
    --gradient-surrendered: linear-gradient(135deg, #0077b6, #00b4d8);
    --gradient-random: linear-gradient(135deg, #8338ec, #ff006e);
    
    /* Shadows */
    --shadow-light: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-heavy: 0 20px 25px rgba(0, 0, 0, 0.15);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.3s ease;
    --transition-slow: 0.5s ease;
}

body {
    font-family: var(--font-primary);
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
    color: var(--color-dark);
    line-height: 1.6;
}