/* =============================================
   TOKENS — Contabilidade: papel ofício + azul-tinta + 1 destaque verde livro-caixa
   Contraste medido: tinta/papel 15.4 · muted/papel 6.8 · branco/verde 6.3 · verde/papel 5.6 · verde-claro/tinta 9.6
   ============================================= */
:root {
  --primary:      #0A6E4F;   /* verde livro-caixa: botão principal (texto branco) e bloco "como funciona" */
  --primary-dark: #075A40;   /* hover */
  --primary-light:#7FD1AE;   /* verde quando é texto em fundo escuro */
  --accent-text:  #0A6E4F;   /* verde quando é texto pequeno em fundo claro */
  --white:        #FFFFFF;
  --ink:          #0F1B2D;   /* azul-tinta de caneta */
  --paper:        #F4F2EC;   /* papel ofício */
  --surface:      #E6E3DA;   /* blocos e cards */
  --mint:         #D5EDE3;   /* tom claro do verde: ícones de check */

  --color-primary:    var(--primary);
  --color-bg:         var(--paper);
  --color-text:       var(--ink);
  --color-text-muted: #4B5467;
  --color-border:     rgba(15, 27, 45, 0.14);
  --color-accent:     var(--accent-text);

  /* preloader (premium.css) */
  --bg: var(--paper);
  --fg: var(--ink);

  --font-display: 'Instrument Serif', Georgia, serif;          /* títulos: serifa de papel timbrado */
  --font-body:    'IBM Plex Sans', -apple-system, system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;   /* números: cara de livro-caixa */

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.5rem;
  --text-4xl:  clamp(2.3rem, 5.2vw, 4.2rem);
  --text-hero: clamp(2.8rem, 7vw, 6.2rem);

  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* geometria: canto pequeno, cara de papel */
  --radius-sm: 2px;
  --radius:    4px;
  --radius-lg: 6px;
  --radius-xl: 10px;

  --shadow-card: 0 4px 12px rgba(15, 27, 45, 0.06);
  --shadow-foto: 0 24px 48px -8px rgba(15, 27, 45, 0.3);

  --ease:       cubic-bezier(0.22, 1, 0.36, 1);
  --duration:   0.3s;
  --transition: var(--duration) var(--ease);
}