/* =============================================
   TOKENS — Oficina: concreto + asfalto + 1 destaque azul elétrico
   Contraste medido: tinta/papel 16.1 · muted/papel 7.0 · branco/azul 5.7 · azul-texto/papel 5.8 · azul-claro/tinta 8.4
   ============================================= */
:root {
  --primary:      #2450FF;   /* azul elétrico: botão principal (texto branco) e bloco "como funciona" */
  --primary-dark: #1A3CD6;   /* hover */
  --primary-light:#8FA9FF;   /* azul quando é texto em fundo escuro */
  --accent-text:  #1F47E6;   /* azul quando é texto pequeno em fundo claro */
  --white:        #FFFFFF;
  --ink:          #0E1116;   /* asfalto */
  --paper:        #EDEDE9;   /* concreto claro */
  --surface:      #DEDFDA;   /* blocos e cards */
  --mint:         #DCE4FF;   /* tom claro do azul: ícones de check */

  --color-primary:    var(--primary);
  --color-bg:         var(--paper);
  --color-text:       var(--ink);
  --color-text-muted: #4A4F57;
  --color-border:     rgba(14, 17, 22, 0.14);
  --color-accent:     var(--accent-text);

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

  --font-display: 'Archivo', system-ui, sans-serif;   /* títulos em largura 125 (font-stretch no base.css) */
  --font-body:    'Archivo', -apple-system, system-ui, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-4xl:  clamp(1.9rem, 4.6vw, 3.5rem);
  --text-hero: clamp(2.2rem, 5.8vw, 5rem);

  --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 quase reto, cara de ferramenta */
  --radius-sm: 2px;
  --radius:    4px;
  --radius-lg: 6px;
  --radius-xl: 8px;

  --shadow-card: 0 4px 12px rgba(14, 17, 22, 0.06);
  --shadow-foto: 0 24px 48px -8px rgba(14, 17, 22, 0.3);

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