/*
  Design tokens — dark-first, mobile-first.
  TODO: trocar a pilha de fontes por Inter variable self-hosted (assets/fonts/Inter.woff2)
  quando o arquivo da fonte for fornecido. Nunca usar CDN do Google Fonts (PRD seção 5).
*/
:root {
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Cores — dark-first */
  --color-bg: #0f1115;
  --color-surface: #1a1d24;
  --color-surface-raised: #22262f;
  --color-border: #2e333d;
  --color-text: #f2f3f5;
  --color-text-muted: #a0a6b1;
  --color-primary: #6c5ce7;
  --color-primary-hover: #5a4bd4;
  --color-success: #2ecc71;
  --color-danger: #e74c3c;
  --color-warning: #f5b942;

  /* Tipografia fluida */
  --font-size-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.85rem);
  --font-size-sm: clamp(0.875rem, 0.84rem + 0.18vw, 1rem);
  --font-size-md: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --font-size-lg: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --font-size-xl: clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem);
  --font-size-display: clamp(2.5rem, 2rem + 2.5vw, 4rem);

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

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35);
}