/* ==========================================
   IMPORTACIÓ DE FONTS
========================================== */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

/* ==========================================
   RESET I BASE
========================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Comfortaa', sans-serif !important;
}

/* ==========================================
   VARIABLES CSS
========================================== */
:root {
    /* Colors principals */
    --color-principal: #2d5a3d;
    --color-secundari: #4a7c59;
    --color-accent: #87a96b;
    --color-neutre: #f5f1e8;
    --color-tech: #3498db;
    --color-cta: #e67e22;
    --color-white: #ffffff;
    --color-gray: #666666;
    
    /* Tipografia */
    --font-primary: 'Comfortaa', sans-serif;
    
    /* Ombres */
    --shadow-light: 0 2px 10px rgba(45, 90, 61, 0.1);
    --shadow-medium: 0 5px 20px rgba(45, 90, 61, 0.15);
    --shadow-heavy: 0 10px 30px rgba(45, 90, 61, 0.2);
    
    /* Transicions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* ==========================================
   BODY
========================================== */
body {
    background: var(--color-white);
    color: var(--color-principal);
    line-height: 1.6;
    overflow-x: hidden;
    font-family: 'Comfortaa', sans-serif !important;
}

body.menu-open {
    overflow: hidden;
}