/*
 * Tokens de design compartilhados (público, impressão e painel).
 * Cores medidas nas referências brancas (references/modelo-branco-*.png).
 * Fontes locais com licença OFL — ver assets/graos-de-cafe/fonts/LICENCAS.md.
 */

@font-face {
  font-family: 'Merriweather';
  src: url('/assets/graos-de-cafe/fonts/merriweather-latin.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Kaushan Script';
  src: url('/assets/graos-de-cafe/fonts/kaushan-script-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/assets/graos-de-cafe/fonts/open-sans-latin.woff2') format('woff2');
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Cores (medidas nas referências) */
  --cor-marrom: #421902;        /* moldura, ornamentos, títulos, faixa da categoria */
  --cor-marrom-2: #7e3d18;      /* "Restaurante" (script) */
  --cor-texto: #300e09;         /* nome do produto, código e preço */
  --cor-texto-suave: #4e332c;   /* descrição */
  --cor-pontos: #80655c;        /* linha pontilhada */
  --cor-bege: #dcccc1;          /* marca d'água e textos da capa */
  --cor-creme: #fbeede;         /* vapor da marca d'água; texto sobre a faixa marrom */
  --cor-fundo: #ffffff;
  --cor-erro: #9b1c1c;
  --cor-foco: #b5651d;

  /* Tipografia */
  --fonte-titulo: 'Merriweather', Georgia, 'Times New Roman', serif;
  --fonte-script: 'Kaushan Script', 'Brush Script MT', cursive;
  --fonte-texto: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  --texto-xs: 0.8125rem;
  --texto-sm: 0.9375rem;
  --texto-md: 1rem;
  --texto-lg: 1.25rem;
  --texto-xl: 1.75rem;
  --texto-2xl: clamp(2rem, 7vw, 3.25rem);

  /* Espaçamento */
  --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;

  /* Bordas */
  --raio: 0.5rem;

  /* Layout */
  --largura-max: 60rem;
}