/* ==========================================================
   Global design system
========================================================== */

:root {
    --color-primary: #031426;
    --color-primary-soft: #08233d;
    --color-secondary: #d6ad4f;
    --color-secondary-dark: #a77a28;
    --color-background: #f8f6f1;
    --color-surface: #ffffff;
    --color-sand: #eee8de;
    --color-line: #d9d0c2;
    --color-text: #102131;
    --color-text-muted: #5b6873;
    --color-light: #fffdf8;
    --color-error: #a33333;
    --color-whatsapp: #1f7a50;

    --font-primary: "Avenir Next", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-secondary: Georgia, "Times New Roman", serif;

    --container-width: 1320px;
    --container-gutter: clamp(1.25rem, 4.5vw, 5rem);
    --header-height: 6rem;

    --space-2xs: 0.375rem;
    --space-xs: 0.625rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.25rem;
    --space-xl: 3.5rem;
    --space-2xl: clamp(5.5rem, 10vw, 10rem);

    --radius-sm: 0.3rem;
    --radius-md: 0.8rem;
    --radius-round: 999px;

    --shadow-soft: 0 1.75rem 4.5rem rgba(3, 20, 38, 0.11);
    --shadow-header: 0 0.8rem 2.5rem rgba(3, 20, 38, 0.16);

    --transition-fast: 180ms ease;
    --transition-base: 320ms cubic-bezier(0.22, 1, 0.36, 1);
}