/*=========================================================
=                         ROOT                            =
=========================================================*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root{

    /*========== Colors ==========*/

    /* Fondos */
    --bg:#F7F5EE;
    --bg-alt:#EFEAD9;
    --surface:#FFFFFF;

    /* Marca */
    --primary:#2F6E45;
    --primary-dark:#1E4A2F;
    --primary-soft:#E5EEE2;

    /* Identidad */
    --sunflower:#D8A931;
    --sunflower-soft:#F6ECC9;
    --accent:#C2603B;
    --accent-dark:#9C4B2C;

    /* Texto */
    --text:#26241E;
    --text-soft:#6B675C;
    --text-invert:#FBF9F2;

    /* UI */
    --border:#E3DCC9;
    --border-strong:#CFC5A9;
    --success:#4F8A57;
    --danger:#B44534;

    /*========== Typography ==========*/

    --font-title:"Oswald", sans-serif;
    --font-body:"Inter", sans-serif;

    --fs-xs:.8rem;
    --fs-sm:.9rem;
    --fs-md:1rem;
    --fs-lg:1.2rem;
    --fs-xl:2rem;
    --fs-2xl:3rem;

    --fw-light:300;
    --fw-normal:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;

    --lh-title:1.15;
    --lh-body:1.65;

    /*========== Layout ==========*/

    --container-width:1200px;
    --container-padding:24px;

    /*========== Spacing ==========*/

    --space-1:.5rem;
    --space-2:1rem;
    --space-3:2rem;
    --space-4:4rem;
    --space-5:6rem;
    --space-6:8rem;

    /*========== Radius ==========*/

    --radius-sm:6px;
    --radius-md:14px;
    --radius-lg:24px;
    --radius-xl:40px;

    /*========== Shadows ==========*/

    --shadow-sm:0 2px 10px rgba(38,36,30,.06);
    --shadow-md:0 18px 40px rgba(38,36,30,.12);
    --shadow-lg:0 28px 60px rgba(38,36,30,.18);

    /*========== Effects ==========*/

    --transition:.25s ease;
    --transition-slow:.5s cubic-bezier(.16,1,.3,1);

    /*========== Layers ==========*/

    --z-header:100;
    --z-modal:1000;

    /*========== Decorative ==========*/

    --sprig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' fill='none' stroke='%232F6E45' stroke-width='1.4'%3E%3Cpath d='M2 20c20-14 40-14 58 0s38 14 58 0' stroke-opacity='.35'/%3E%3Ccircle cx='60' cy='20' r='3' fill='%23D8A931' stroke='none'/%3E%3C/svg%3E");

}

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