:root {

    /* Tipografia */
    --font-display: 'Cinzel', serif;
    --font-body: 'Poppins', sans-serif;

    /* Paleta — Light mode (padrão) */
    --color-bg: #F4EEE3;
    --color-surface: #FFFFFF;
    --color-surface-alt: #EFE6D3;
    --color-text: #12161F;
    --color-text-muted: #565C68;

    --color-primary: #B8923D;         /* dourado principal */
    --color-primary-hover: #9C7A2F;   /* dourado escuro, usado em hover sobre fundo claro */
    --color-primary-soft: #D9BD79;    /* dourado claro, usado em detalhes/linhas */
    --color-secondary: #1F5560;       /* azul petróleo */

    --color-border: #DED2B8;
    --color-navy: #0B1420;
    --color-on-primary: #12161F;

    --shadow-sm: 0 2px 10px rgba(18, 22, 31, 0.06);
    --shadow-md: 0 12px 32px rgba(18, 22, 31, 0.10);

    /* Layout */
    --container-width: 1240px;
    --container-padding: 24px;
    --radius-sm: 6px;
    --radius-md: 14px;
    --header-height: 84px;

    /* Espaçamento entre seções — único ponto de ajuste, evita
       margens duplicadas/colapsando de forma imprevisível */
    --section-spacing: clamp(64px, 9vw, 120px);

    /* Escala de z-index — mantém empilhamento previsível
       e evita sobreposição acidental entre header, hero e cards */
    --z-base: 1;
    --z-card-hover: 5;
    --z-header: 100;
    --z-modal: 200;
    --z-toast: 300;

}

[data-theme="dark"] {

    --color-bg: #0B1420;
    --color-surface: #131E2E;
    --color-surface-alt: #17233570;
    --color-text: #F2EFE8;
    --color-text-muted: #AEB6C4;

    --color-primary: #C9A24B;         /* no dark mode, o destaque é o dourado — não branco */
    --color-primary-hover: #E4CD8B;
    --color-primary-soft: #8A6E2E;
    --color-secondary: #4C93A3;

    --color-border: #22314A;
    --color-navy: #0B1420;
    --color-on-primary: #12161F;

    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.30);
    --shadow-md: 0 16px 40px rgba(0, 0, 0, 0.45);

}