/* Tokens do design system (docs/04-DESIGN.md §2). Nenhum valor solto fora deste arquivo. */
:root {
  /* cor — somente tema escuro */
  --bg: #0F1209;
  --s1: #181C11;
  --s2: #21261A;
  --s3: #2B3222;
  --line: #2E3522;
  --ink: #F1F4E6;
  --muted: #9BA387;
  --faint: #869071; /* AA: 4,6:1 sobre --s2 (era #646C55, 2,8:1) */
  --lime: #C9F24E;
  --lime-2: #B4DB3A;
  --lime-dim: #7E9631;
  --on-lime: #0F1209;
  --warn: #FFB547;
  --danger: #FF6B57;
  --info: #7CC4FF;
  --p-eletrico: #4D7CFE;
  --p-ciano: #5FE0D2;
  --p-ambar: #FFC24D;
  --p-rosa: #FF7EB6;
  --p-lilas: #B79CFF;
  --p-laranja: #FF9254;
  --lime-10: rgb(201 242 78 / 0.10);
  --warn-12: rgb(255 181 71 / 0.12);
  --danger-12: rgb(255 107 87 / 0.12);
  --vidro: rgb(15 18 9 / 0.88);
  --veu: rgb(0 0 0 / 0.6);
  --lime-18: rgb(201 242 78 / 0.18);

  /* tipografia */
  --f-display: 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
  --f-texto: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --t-sigla: 700 96px/0.9 var(--f-display);
  --t-relogio: 700 56px/1 var(--f-display);
  --t-h1: 700 34px/1.05 var(--f-display);
  --t-num: 600 28px/1 var(--f-display);
  --t-h2: 600 22px/1.1 var(--f-display);
  --t-botao: 700 20px/1 var(--f-display);
  --t-body: 400 16px/1.4 var(--f-texto);
  --t-body-forte: 600 16px/1.4 var(--f-texto);
  --t-small: 400 13px/1.35 var(--f-texto);
  --t-micro: 600 11px/1.2 var(--f-texto);
  --tracking-micro: 0.08em;
  --tracking-display: 0.04em;

  /* espaço (base 4) */
  --e-1: 4px;
  --e-2: 8px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 20px;
  --e-6: 24px;
  --e-8: 32px;
  --e-12: 48px;
  --margem: var(--e-4);
  --largura-max: 560px;

  /* forma */
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 24px;
  --r-pilula: 999px;
  --borda: 1px solid var(--line);

  /* toque */
  --alvo: 44px;
  --alvo-ok: 48px;
  --botao-altura: 54px;
  --barra-altura: 64px;
  --barra-destaque: 52px;
  --icone-vazio: 64px;
  --chip-altura: 36px;
  --painel-cartao: 136px;
  --painel-cartao-largura: 112px;
  --sigla-cartao: 48px;
  --semana-marca: 36px;
  --dock-repouso: 64px;
  --dock-contando: 96px;
  --stepper-botao: 48px;

  /* movimento */
  --m-rapido: 120ms;
  --m-base: 220ms;
  --m-lento: 360ms;
  --easing: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* cor do programa (sobrescrita por .cor-*) */
  --cor: var(--p-eletrico);

  /* camadas */
  --z-barra: 30;
  --z-toast: 40;
  --z-sheet: 50;

  /* áreas seguras do iPhone */
  --seguro-topo: env(safe-area-inset-top, 0px);
  --seguro-base: env(safe-area-inset-bottom, 0px);
  --seguro-esq: env(safe-area-inset-left, 0px);
  --seguro-dir: env(safe-area-inset-right, 0px);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --m-rapido: 0ms;
    --m-base: 0ms;
    --m-lento: 0ms;
  }
}