:root {
  color-scheme: dark;

  /* Tipografia */
  --font-primary: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-interface: "Familjen Grotesk", Arial, sans-serif;
  --font-mono: "Martian Mono", "Courier New", monospace;
  /* Compatibilidade temporária enquanto seletores legados são migrados. */
  --font-secondary: var(--font-interface);
  --font-tertiary: var(--font-mono);

  /* Cores principais */
  --color-background: #0a0a0a;
  --color-foreground: #ffffff;

  /* Cores derivadas */
  --color-text-primary: #ffffff;
  --color-text-secondary: rgba(255, 255, 255, 0.68);
  --color-text-muted: rgba(255, 255, 255, 0.45);
  --color-border: rgba(255, 255, 255, 0.14);
  --color-border-strong: rgba(255, 255, 255, 0.28);
  --color-surface: rgba(255, 255, 255, 0.04);
  --color-surface-hover: rgba(255, 255, 255, 0.08);

  /* Escala de espaçamento — base de 4px */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 10rem;

  /* Containers */
  --container-max: 90rem;
  --content-max: 60rem;
  --page-padding: clamp(1.25rem, 4vw, 4.5rem);
  --section-space: clamp(5rem, 10vw, 10rem);

  /* Bordas e cantos */
  --radius-small: 0.5rem;
  --radius-medium: 1rem;
  --radius-large: 1.75rem;
  --radius-pill: 999px;

  /* Marca */
  --brand-logo-min-width: 7.5rem;
  --brand-logo-min-width-compact: 6rem;
  --brand-symbol-min-size: 1.75rem;
  --brand-clear-space-ratio: 0.25;

  /* Breakpoints de referência. Usar os mesmos valores nas media queries. */
  --breakpoint-phone: 30rem;
  --breakpoint-tablet: 48rem;
  --breakpoint-notebook: 64rem;
  --breakpoint-desktop: 90rem;
  --breakpoint-wide: 120rem;
}