:root {
  --site-canvas: var(--color-neutral-050);
  --site-surface: var(--color-neutral-white);
  --site-text-primary: var(--color-neutral-950);
  --site-text-secondary: var(--color-neutral-600);
  --site-border: var(--color-neutral-200);
  --site-cta-primary: var(--color-brand-primary-700);
  --site-cta-secondary: var(--color-accent-coral-600);
  --site-focus-ring: var(--color-accent-mint-600);

  --dashboard-canvas: var(--color-neutral-100);
  --dashboard-panel: var(--color-neutral-white);
  --dashboard-border: var(--color-neutral-200);
  --dashboard-text-primary: var(--color-neutral-950);
  --dashboard-text-secondary: var(--color-neutral-600);

  --container-reading: 45rem;
  --container-default: 70rem;
  --container-wide: 80rem;

  --motion-fast: 160ms;
  --motion-base: 220ms;
  --motion-slow: 320ms;
}

/*
Base futura:
- resets e semantica tipografica
- foco visivel
- superficies e estados
- regras de motion reduzido
- utilitarios leves de container e section spacing
*/