:root {
    /* --- Cores principais --- */
    --cor-preto:         #000000;
    --cor-quase-preto:   #191919;
    --cor-navy:          #01232d;
    --cor-teal-escuro:   #012c38;
    --cor-teal:          #1a474f;
    --cor-teal-medio:    #395f61;
    --cor-sage:          #6d8871;

    --cor-ameixa:        #351436;
    --cor-borgonha-dark: #5a1038;
    --cor-borgonha:      #711537;
    --cor-carmim:        #9a2c41;
    --cor-blush:         #dab0ac;

    --cor-dourado-dark:  #be7f30;
    --cor-dourado:       #c88f3b;
    --cor-dourado-light: #d6ab61;
    --cor-areia:         #dbc88a;

    --cor-creme:         #ebe9e6;
    --cor-branco:        #ebe9e6;
    --cor-cinza-claro:   #f5f3ef;

    /* --- Fontes --- */
    --fonte-serif:       'Libre Baskerville', Georgia, serif;
    --fonte-sans:        'Montserrat', Arial, sans-serif;

    /* --- Tamanhos de fonte --- */
    --texto-xs:    0.75rem;   /* 12px */
    --texto-sm:    0.875rem;  /* 14px */
    --texto-base:  1rem;      /* 16px */
    --texto-md:    1.125rem;  /* 18px */
    --texto-lg:    1.25rem;   /* 20px */
    --texto-xl:    1.5rem;    /* 24px */
    --texto-2xl:   2rem;      /* 32px */
    --texto-3xl:   2.5rem;    /* 40px */
    --texto-4xl:   3rem;      /* 48px */
    --texto-5xl:   3.75rem;   /* 60px */

    /* --- Espaçamentos --- */
    --espaco-xs:   0.25rem;
    --espaco-sm:   0.5rem;
    --espaco-md:   1rem;
    --espaco-lg:   1.5rem;
    --espaco-xl:   2rem;
    --espaco-2xl:  3rem;
    --espaco-3xl:  4rem;
    --espaco-4xl:  6rem;
    --espaco-5xl:  8rem;
    --espaco-6xl:  12rem;
    --espaco-7xl:  16rem;
    --espaco-8xl:  24rem;

    /* --- Layout --- */
    --largura-max:     1440px;
    --largura-conteudo: 1200px;
    --padding-lateral: clamp(1.5rem, 5vw, 6rem);

    /* --- Transições --- */
    --transicao-base:   0.3s ease;
    --transicao-lenta:  0.5s ease;

    /* --- Z-index --- */
    --z-header:     100;
    --z-mini-cart:  200;
    --z-overlay:    300;
}