/* Variáveis de cor, tipografia e espaçamento usadas pelo dashboard (claro e escuro). */
:root {
  --color-bg: #f7f7f5;
  --color-panel: #ffffff;
  --color-fg: #1d2127;
  --color-fg-muted: #5f6672;
  --color-border-line: #dcdfe4;
  --cds-border: #cfd3da;
  --cds-text-secondary: #5f6672;
  --cds-surface-popover: #ffffff;
  --cds-shadow-popover: 0 4px 16px rgba(20, 24, 31, 0.16);
  --cds-chart-grid: #e6e8ec;
  --cds-chart-axis: #8d94a0;
  --cds-chart-reference: #4a5260;
  --cds-chart-muted: #b8bdc7;
  --cds-radius: 8px;
  --cds-pad-xs: 0.25rem;
  --cds-pad-sm: 0.5rem;
  --cds-pad-lg: 1.25rem;
  --cds-gap-md: 1rem;
  --cds-gap-lg: 1.5rem;
  --cds-font-size-caption: 0.8125rem;
  --cds-font-size-body: 0.9375rem;
  --cds-font-size-heading: 1.0625rem;
  --cds-font-size-title: 1.75rem;
  --cds-font-weight-medium: 600;
  --cds-dur-slow: 0.25s;
  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-serif: Georgia, 'Times New Roman', serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #14171c;
    --color-panel: #1c2027;
    --color-fg: #e8eaee;
    --color-fg-muted: #9aa2af;
    --color-border-line: #2c323c;
    --cds-border: #3a4150;
    --cds-text-secondary: #9aa2af;
    --cds-surface-popover: #252a33;
    --cds-shadow-popover: 0 4px 16px rgba(0, 0, 0, 0.5);
    --cds-chart-grid: #2a3039;
    --cds-chart-axis: #6f7886;
    --cds-chart-reference: #aab1bd;
    --cds-chart-muted: #4b5361;
    color-scheme: dark;
  }
}
html, body { margin: 0; background: var(--color-bg); color: var(--color-fg); font-family: var(--font-sans); font-size: 14px; }
.shell { padding: 1.5rem max(16px, env(safe-area-inset-left, 0px)) 3rem max(16px, env(safe-area-inset-right, 0px)); }
.erro { color: #e5483f; }
.rodape { max-width: 72rem; margin: 2rem auto 0; color: var(--color-fg-muted); font-size: var(--cds-font-size-caption); }
.rodape a { color: inherit; }