/* Tokens da Central de Conteúdo. Tema claro fixo: nada de prefers-color-scheme.
   Cor só com significado; a cor do cliente (--marca) só em detalhe. Ver SPEC.md, seção 3. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fontes/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fontes/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  color-scheme: light;

  /* Superfícies */
  --papel: #F5F4F1;
  --cartao: #FFFFFF;
  --sutil: #EFEDE9;
  --sutil-2: #E9E6E1;
  --linha: #E6E4DF;
  --linha-2: #D6D3CC;

  /* Tinta */
  --tinta: #1A1917;
  --tinta-2: #57534E;
  --tinta-3: #6F6A63;
  --sobre-tinta: #FFFFFF;

  /* Estados (ponto + palavra) */
  --ambar: #B7790A;      --ambar-claro: #FBF3E0;      --ambar-texto: #7A5106;
  --azul: #2F64D0;       --azul-claro: #EAF0FC;       --azul-texto: #1F4699;
  --terracota: #B4532C;  --terracota-claro: #F8ECE6;  --terracota-texto: #8A3D1E;
  --verde: #1E7F4F;      --verde-claro: #E6F3EC;      --verde-texto: #155C39;
  --grafite: #3F3B36;    --grafite-claro: #ECEAE7;    --grafite-texto: #3F3B36;
  --vermelho: #C23A2B;   --vermelho-claro: #FAEAE8;   --vermelho-texto: #962A1F;

  /* Cor do cliente: o JS troca em :root pela que vem do servidor. */
  --marca: #1A1917;
  --sobre-marca: #FFFFFF;

  /* Letra */
  --letra: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --t12: 400 12px/16px var(--letra);
  --t14: 400 14px/20px var(--letra);
  --t16: 400 16px/24px var(--letra);
  --t20: 600 20px/28px var(--letra);
  --t28: 600 28px/36px var(--letra);
  --t40: 600 40px/44px var(--letra);

  /* Espaços, raios, linhas */
  --e4: 4px; --e8: 8px; --e12: 12px; --e16: 16px; --e24: 24px; --e32: 32px; --e48: 48px;
  --r8: 8px; --r12: 12px; --r16: 16px; --pilula: 999px;

  /* Sombras: só no que flutua */
  --sombra-folha: 0 -8px 32px rgba(26, 25, 23, 0.14);
  --sombra-flutua: 0 12px 32px rgba(26, 25, 23, 0.16), 0 2px 6px rgba(26, 25, 23, 0.08);
  --sombra-leve: 0 1px 2px rgba(26, 25, 23, 0.06);
  --veu: rgba(26, 25, 23, 0.38);

  /* Movimento */
  --mov: 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Medidas */
  --coluna: 1120px;
  --polegar: 52px;
  --toque: 44px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --mov: 0.01s linear; }
}