/*
  Sistema de tokens — mantí café e torrefação.
  Paleta extraída do site oficial (manticafe.com.br): verde musgo em vários
  tons, do quase-preto ao pastel claro, sem acentos fora dessa família (nem
  o site oficial usa marrom/âmbar — é tudo verde). --brick é a única exceção,
  mantida só pro papel semântico de "perigo/excluir".
*/

:root {
  /* Paleta oficial */
  --ink: #31372e; /* main-foreground / header-foreground do site oficial */
  --moss-800: #4a593a; /* button-foreground / label-background */
  --moss-700: #697e52; /* footer-background — usado nos blocos escuros (rail, login) */
  --moss-600: #687d51; /* accent-color — texto secundário/mudo */
  --sage-400: #90a378; /* adbar-background — verde médio */
  --pastel-green: #b0d48a; /* button-background — acento de assinatura/CTA */
  --mint-tint: #e3f1df; /* newsletter-background — tint claro */
  --parchment: #f5f6f5; /* header-background / main-background — fundo da página */
  --paper: #ffffff;

  /* Semântico (fora da paleta oficial, só para perigo/exclusão) */
  --brick: #a5473a;
  --brick-tint: #f2ded8;

  /* Faixa assinatura (sage → pastel → musgo escuro → tinta) */
  --roast-gradient: linear-gradient(
    90deg,
    var(--sage-400) 0%,
    var(--pastel-green) 40%,
    var(--moss-700) 80%,
    var(--ink) 100%
  );

  /* Tipografia — DM Sans é a fonte real do site oficial */
  --font-ui: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --font-data: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.375rem;
  --text-xl: 1.875rem;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Espaçamento */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  /* Forma */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --border-hairline: 1px solid rgba(49, 55, 46, 0.14);

  /* Elevação */
  --shadow-card: 0 1px 2px rgba(49, 55, 46, 0.07), 0 8px 24px -12px rgba(49, 55, 46, 0.22);
  --shadow-modal: 0 24px 64px -20px rgba(20, 24, 18, 0.45);

  /* Movimento */
  --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --duration-fast: 120ms;
  --duration-base: 180ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
  }
}