/* =============================================
   O'GELATO — STYLES GLOBAUX
   Variables CSS, reset, typographie
   ============================================= */

:root {
    /* Couleurs primaires */
    --fraise: #E84A5F;
    --fraise-light: #FF6B7A;
    --fraise-dark: #C73E50;
    --chocolat: #5D4037;
    --chocolat-light: #795548;
    --caramel: #D4A574;
    --caramel-light: #E8C9A0;
    --caramel-dark: #B8925F;
    --vanille: #FFF8E7;
    --menthe: #7FCDBB;
    --menthe-light: #A8E6CF;
    --pistache: #93C572;

    /* Couleurs catégories */
    --turquoise: #00BCD4;
    --turquoise-light: #4DD0E1;
    --vitrine: #4A8895;
    --vitrine-light: #5FA4B3;
    --tech-blue: #006064;
    --tech-accent: #00ACC1;
    --tech-light: #E0F7FA;

    /* Neutres */
    --cream: #FFFBF5;
    --cream-dark: #F5EDE3;
    --dark: #3D2C29;
    --gray: #6B5B55;
    --light-gray: #E8E0D8;
    --white: #FFFFFF;

    /* Dégradés */
    --gradient-fraise: linear-gradient(135deg, var(--fraise) 0%, var(--fraise-light) 100%);
    --gradient-chocolat: linear-gradient(135deg, var(--chocolat) 0%, var(--chocolat-light) 100%);
    --gradient-turquoise: linear-gradient(135deg, var(--turquoise) 0%, var(--turquoise-light) 100%);
    --gradient-vitrine: linear-gradient(135deg, var(--vitrine) 0%, var(--vitrine-light) 100%);
    --gradient-caramel: linear-gradient(135deg, var(--caramel) 0%, var(--caramel-dark) 100%);
    --gradient-tech: linear-gradient(135deg, var(--tech-blue) 0%, #00838F 100%);

    /* Ombres */
    --shadow-soft: 0 10px 40px rgba(61, 44, 41, 0.08);
    --shadow-card: 0 8px 32px rgba(61, 44, 41, 0.12);
    --shadow-medium: 0 20px 60px rgba(61, 44, 41, 0.15);

    /* Rayons de bordure */
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 32px;
    --radius-xl: 48px;
}

/* Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

/* Corps */
body {
    font-family: 'Outfit', sans-serif;
    background: linear-gradient(180deg, var(--vanille) 0%, var(--cream) 50%, var(--cream-dark) 100%);
    background-attachment: fixed;
    color: var(--dark);
    line-height: 1.6;
}