/*
  SQNZN — Design Tokens
  Fonte da verdade de cor, tipografia, espaçamento e movimento.
  Ver /docs/design-system.md para a especificação completa.
*/

:root {
  /* Cor — base */
  --ink-950: #14120f;
  --ink-900: #1c1915;
  --paper-50: #f6f1e9;
  --paper-100: #efe8db;
  --paper-200: #e3d9c6;
  --warm-400: #8a8377;
  --warm-600: #5c574c;
  --line-200: rgba(20, 18, 15, 0.14);
  --line-200-strong: rgba(20, 18, 15, 0.28);
  --line-200-dark: rgba(246, 241, 233, 0.16);
  --line-200-dark-strong: rgba(246, 241, 233, 0.3);

  /* Cor — carimbo funcional (estado) */
  --stamp-500: #a33b2a;
  --stamp-ink: var(--paper-50);

  /* Cor — acentos por negócio (paleta curada, nunca livre) */
  --accent-terracota: #a33b2a;
  --accent-ocre: #b98a2e;
  --accent-oliva: #5c6b2e;
  --accent-tinta: #2e3a59;
  --accent-vinho: #6b2e3a;
  --accent-verde-mar: #2e5c55;

  /* Acento ativo — trocado por página via [data-accent] */
  --accent: var(--accent-terracota);

  /* Tipografia — famílias */
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  /* Tipografia — escala (base 16px, razão ~1.25) */
  --fs-100: 0.8rem;
  --fs-200: 1rem;
  --fs-300: 1.25rem;
  --fs-400: 1.563rem;
  --fs-500: 1.953rem;
  --fs-600: 2.441rem;
  --fs-700: 3.052rem;
  --fs-800: 3.815rem;
  --fs-900: 4.768rem;
  --fs-1000: 5.96rem;

  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-base: 1.5;
  --lh-relaxed: 1.65;

  --measure: 65ch;

  /* Espaçamento — base 4px */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-24: 6rem;
  --sp-32: 8rem;
  --sp-48: 12rem;

  /* Grid */
  --container-max: 1440px;
  --container-pad: var(--sp-6);

  /* Bordas — raio mínimo, exceção pontual apenas */
  --radius-sm: 2px;

  /* Movimento */
  --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-base: 320ms;
  --dur-slow: 600ms;
  --dur-scene: 1200ms;
}

/*
  Breakpoints de referência (usar como literais em media queries,
  custom properties não são válidas em condições de @media):
  sm: 480px · md: 768px · lg: 1024px · xl: 1440px
*/