/* Tokens da marca: paleta, tipografia e medidas compartilhadas entre loja e painel.
   Identidade Skonger: a floresta conta a história (fundos escuros), o estúdio vende o perfume (fundos claros).
   Para mudar uma cor do projeto, altere aqui. Ajustes de uma área ficam no :root dela (store.css / admin.css). */
:root {
    /* Paleta da marca */
    --forest: #121812; /* Floresta: hero, manifesto, ritual, rodapé */
    --moss: #34402c; /* Musgo: apoio, hover, faixas */
    --gold: #b8975a; /* Ouro beija-flor: botão principal e detalhes, pouco */
    --gold-light: #d9c08e; /* Ouro sobre fundo escuro */
    --gold-ink: #806331; /* Ouro para texto sobre fundo claro (contraste) */
    /* Degradê da marca (pedido do cliente): "Skonger" começa claro e termina escuro; "Aromas" o
       inverso. Mesma escala de 7 tons, só invertida entre as duas palavras. */
    --brand-gradient-light-to-dark: linear-gradient(
        90deg,
        #f5df9a,
        #edcb73,
        #e4b95a,
        #d9a947,
        #c9902e,
        #b77c1c,
        #a66a12
    );
    --brand-gradient-dark-to-light: linear-gradient(
        90deg,
        #a66a12,
        #b77c1c,
        #c9902e,
        #d9a947,
        #e4b95a,
        #edcb73,
        #f5df9a
    );
    --mist: #eef0ea; /* Névoa: fundo das páginas claras */
    --studio: #ffffff; /* Estúdio: só atrás das fotos de produto */
    --bark: #63685d; /* Casca: textos secundários */

    /* Nomes usados pelos componentes (apontam para a paleta) */
    --ink: #1b211a;
    --paper: var(--mist);
    --white: #ffffff;
    --stone: #d7dbd0;
    --stone-soft: #e1e4dc;
    --muted: var(--bark);

    /* Estados */
    --success: #1f7a4d;
    --danger: #b4392b;

    /* Tipografia */
    --brand: 'Cinzel Decorative', 'Cinzel', 'Trajan Pro', Georgia, serif; /* assinatura (logotipo) */
    --brand-caps: 'Cinzel', 'Trajan Pro', Georgia, serif; /* complemento da assinatura ("AROMAS") */
    --serif: 'Cormorant Garamond', Georgia, serif; /* títulos */
    --sans: 'Jost', 'Futura', 'Helvetica Neue', Arial, sans-serif; /* texto */
    --mono: 'DM Mono', ui-monospace, Menlo, monospace; /* rótulos e preços */

    /* Espessura dos ícones Material Symbols (100 a 400) */
    --icon-weight: 200;
}