/* ==========================================================================
   PEDACINHO DA CANASTRA — Design Tokens
   Delícias de Minas · identidade derivada do logotipo oficial
   ========================================================================== */

:root {
  /* ---- Cores · nomeadas pelo mundo da marca -------------------------- */

  /* Fundos */
  --cor-nata:          #EFE2C8;  /* fundo principal — a nata do leite   */
  --cor-nata-clara:    #F7EEDC;  /* superfícies elevadas, cards          */
  --cor-coalhada:      #FBF6EA;  /* campos de formulário, áreas de leitura */

  /* Marrons — texto e estrutura */
  --cor-chocolate:     #3E2817;  /* texto principal, títulos             */
  --cor-rapadura:      #5C3D24;  /* texto secundário                     */
  --cor-madeira:       #6B4A2E;  /* bordas fortes, tábua                 */
  --cor-palha:         #C8B692;  /* bordas suaves, divisores             */

  /* Acentos */
  --cor-queijo:        #E2A84D;  /* destaque quente — casca do queijo    */
  --cor-queijo-curado: #C4862F;  /* hover do destaque, estados ativos    */
  --cor-doce-de-leite: #7A3A12;  /* ação principal — o âmbar do pote     */
  --cor-verde-serra:   #55663B;  /* ação secundária, selos, a serra      */
  --cor-verde-folha:   #6D8049;  /* detalhes vegetais, sucesso           */
  --cor-fio-de-ouro:   #C0953E;  /* filetes, sublinhados, o arco do logo */

  /* Estados de aviso/erro (fora do logo, derivadas da paleta) */
  --cor-aviso:         #A05C1C;
  --cor-erro:          #8C2F1B;

  /* ---- Tipografia ----------------------------------------------------- */

  /* Display: serif encorpada e calorosa, eco da letra do logotipo */
  --fonte-display: "Cinzel", "Georgia", serif;
  /* Corpo: humanista, legível, sem frieza */
  --fonte-corpo:   "Cormorant Garamond", "Georgia", serif;

  --texto-xs:   0.8125rem;  /* 13px — legendas, selos                    */
  --texto-sm:   0.9375rem;  /* 15px — apoio                              */
  --texto-md:   1.0625rem;  /* 17px — corpo                              */
  --texto-lg:   1.375rem;   /* 22px — destaque de corpo                  */
  --texto-xl:   1.75rem;    /* 28px — título de seção                    */
  --texto-2xl:  2.5rem;     /* 40px — título de página                   */
  --texto-3xl:  3.5rem;     /* 56px — display                            */

  --peso-regular: 400;
  --peso-medio:   500;
  --peso-forte:   700;
  --peso-display: 800;

  /* Rótulos em caixa-alta (eyebrows, selos) */
  --rotulo-espaco: 0.14em;

  /* ---- Forma · inspirada nas peças de queijo -------------------------- */

  --raio-fatia:  6px;    /* elementos pequenos: tags, inputs             */
  --raio-peca:   14px;   /* cards, imagens                               */
  --raio-tacho:  999px;  /* botões e selos — redondos como a peça inteira */

  /* Filete dourado: o arco fino do logotipo */
  --fio: 2px solid var(--cor-fio-de-ouro);

  /* ---- Espaço --------------------------------------------------------- */

  --espaco-1: 0.25rem;
  --espaco-2: 0.5rem;
  --espaco-3: 0.75rem;
  --espaco-4: 1rem;
  --espaco-5: 1.5rem;
  --espaco-6: 2rem;
  --espaco-7: 3rem;
  --espaco-8: 5rem;

  /* ---- Sombra · quente, nunca cinza ----------------------------------- */

  --sombra-leve:  0 1px 3px rgba(62, 40, 23, 0.12);
  --sombra-media: 0 6px 20px rgba(62, 40, 23, 0.16);
  --sombra-forte: 0 14px 40px rgba(62, 40, 23, 0.22);
}