/* =========================================
   VARIÁVEIS GLOBAIS
   Design tokens: cores, tipografia, espaçamento
========================================= */

:root {
    /* ---------- Cores ---------- */
    --color-ice: #F7F4EF;
    --color-ice-light: #FBF9F6;
    --color-burgundy: #5A1822;
    --color-burgundy-dark: #351014;
    --color-burgundy-deep: #260A0E;
    --color-wine: #711F2C;
    --color-beige: #D8C2A7;
    --color-beige-light: #EDE4DA;
    --color-charcoal: #24211F;
    --color-gray: #746F69;
    --color-white: #FFFFFF;
    --color-footer: #1E0A0D;

    /* ---------- Tipografia ---------- */
    --font-serif: 'Cormorant Garamond', 'Playfair Display', serif;
    --font-sans: 'Inter', 'Manrope', sans-serif;

    /* ---------- Layout ---------- */
    --container: 1240px;
    --container-narrow: 860px;

    /* ---------- Bordas ---------- */
    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 32px;
    --radius-xl: 48px;
    --radius-pill: 999px;

    /* ---------- Sombra ---------- */
    --shadow-sm: 0 4px 20px rgba(38, 10, 14, 0.06);
    --shadow-md: 0 12px 40px rgba(38, 10, 14, 0.10);
    --shadow-lg: 0 24px 60px rgba(38, 10, 14, 0.16);

    /* ---------- Transições ---------- */
    --transition: 0.35s ease;
    --transition-slow: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

    /* ---------- Espaçamento de seção ---------- */
    --section-padding: 96px;
    --section-padding-lg: 120px;
    --section-padding-mobile: 64px;
}