:root {
  color-scheme: dark;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Space Grotesk", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  --page: #07131C;
  --surface: #0d1b24;
  --surface-soft: #11232d;
  --line: #29434f;
  --line-soft: #1b3440;
  --text: #f4f8fa;
  --muted: #8EA4B2;
  --teal: #54E0CF;
  --cyan: #4AA8FF;
  --amber: #FF8A4C;
  --red: #FF596B;
  --yellow: #F6C453;
  --on-accent: #07131C;
  /* Identidade Farol Guaíba (marca), distinta da paleta semântica do Blueprint acima.
     Usar só em elementos de marca (logo, wordmark, links/ações não-status) — nunca em status/alerta. */
  --brand-primary: #0284C7;
  --brand-accent: #38BDF8;
  --brand-ink: #080E1A;
}

:root[data-theme="light"] {
  color-scheme: light;
  --page: #f4f8fa;
  --surface: #ffffff;
  --surface-soft: #eef3f5;
  --line: #cbd5e1;
  --line-soft: #e2e8f0;
  --text: #0f172a;
  --muted: #334155;
  --teal: #0c8272;
  --cyan: #0a72a5;
  --amber: #a35c09;
  --red: #c81c28;
  --yellow: #8a6d0a;
  --on-accent: #ffffff;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --page: #f4f8fa;
    --surface: #ffffff;
    --surface-soft: #eef3f5;
    --line: #cbd5e1;
    --line-soft: #e2e8f0;
    --text: #0f172a;
    --muted: #334155;
    --teal: #0c8272;
    --cyan: #0a72a5;
    --amber: #a35c09;
    --red: #c81c28;
    --yellow: #8a6d0a;
    --on-accent: #ffffff;
  }
}

[hidden] { display: none !important; }
* { box-sizing: border-box; }

html, body {
  margin: 0;
  background: var(--page);
  color: var(--text);
}

body, button { letter-spacing: 0; }
button { font: inherit; }

h1, h2, h3, .app-brand strong, .view-heading h1 {
  font-family: var(--font-heading);
  font-weight: 700;
}