/* ==========================================================
   FONTES LOCAIS
   Os arquivos devem existir nas pastas indicadas.
========================================================== */

@font-face {
    font-family: "Inter";
    src:
        local("Inter Regular"),
        local("Inter-Regular"),
        url("../fonts/inter/inter-regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src:
        local("Inter Medium"),
        local("Inter-Medium"),
        url("../fonts/inter/inter-medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src:
        local("Inter SemiBold"),
        local("Inter-SemiBold"),
        url("../fonts/inter/inter-semibold.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Cormorant Garamond";
    src:
        local("Cormorant Garamond SemiBold"),
        local("CormorantGaramond-SemiBold"),
        url("../fonts/cormorant-garamond/cormorant-garamond-semibold.woff2")
            format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Cormorant Garamond";
    src:
        local("Cormorant Garamond SemiBold Italic"),
        local("CormorantGaramond-SemiBoldItalic"),
        url("../fonts/cormorant-garamond/cormorant-garamond-semibold-italic.woff2")
            format("woff2");
    font-style: italic;
    font-weight: 600;
    font-display: swap;
}

/* ==========================================================
   DESIGN TOKENS
========================================================== */

:root {
    /* Cores */
    --color-primary: #173f46;
    --color-primary-dark: #0e2e33;
    --color-primary-soft: #28565d;

    --color-secondary: #b28a58;
    --color-secondary-dark: #8b6840;
    --color-secondary-light: #d2b58c;

    --color-background: #f8f6f1;
    --color-surface: #eeeae2;
    --color-surface-light: #f3f0e9;
    --color-white: #ffffff;

    --color-text: #243236;
    --color-text-muted: #657377;
    --color-text-light: #e6eded;

    --color-border: #d8d3c9;
    --color-border-dark: rgba(255, 255, 255, 0.14);

    --color-success: #3f715d;
    --color-error: #a64a46;
    --color-whatsapp: #1d8f5b;
    --color-whatsapp-dark: #147548;

    /* Tipografia */
    --font-heading: "Cormorant Garamond", Georgia, serif;
    --font-body: "Inter", Arial, Helvetica, sans-serif;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-md: 1.125rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;

    /* Espaçamento */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 5rem;
    --space-10: 6rem;
    --space-11: 7.5rem;
    --space-12: 9rem;

    /* Containers */
    --container: 75rem;
    --container-wide: 90rem;
    --container-padding: 1.5rem;

    /* Bordas */
    --radius-sm: 0.75rem;
    --radius-md: 1rem;
    --radius-lg: 1.25rem;
    --radius-xl: 1.5rem;
    --radius-pill: 999px;

    /* Sombras */
    --shadow-sm: 0 0.5rem 1.5rem rgba(14, 46, 51, 0.06);
    --shadow-md: 0 1rem 2.5rem rgba(14, 46, 51, 0.08);
    --shadow-lg: 0 1.5rem 3.75rem rgba(14, 46, 51, 0.12);

    /* Transições */
    --transition-fast: 160ms;
    --transition-default: 260ms;
    --transition-slow: 480ms;
    --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);

    /* Header */
    --header-height: 5.5rem;
    --header-height-scrolled: 4.75rem;

    /* Camadas */
    --z-header: 1000;
    --z-menu: 1050;
    --z-overlay: 1040;
    --z-floating: 900;
}