/* Identidade específica da Câmara Municipal do Sal.
   Este ficheiro é uma camada de tema da instância 001; o template base mantém
   os seus tokens e a sua aparência original. */
:root {
  --bg: #f5f8fa;
  --surface: #ffffff;
  --surface-2: #eaf6fa;
  --line: #d4e4e9;
  --line-soft: #eaf1f4;
  --text: #172f3b;
  --muted: #526570;
  --muted-2: #78909c;
  --brand: #006b8f;
  --brand-2: #00516d;
  --brand-soft: #eaf6fa;
  --focus: 0 0 0 4px rgba(0, 107, 143, 0.24);

  /* Navegação lateral. Sem estes tokens o NavMenu cai nos valores azul-marinho
     genéricos do template base e a sidebar fica fora da identidade do Sal. */
  --nav: #00516d;
  --nav-2: #003b50;
  --nav-text: #d8eef3;
  --nav-active: #008fb5;
  --nav-surface: rgba(255, 255, 255, 0.08);

  /* Areia e ouro do emblema municipal. No portal do cidadão são decorativos;
     aqui são funcionais — cor de atenção para prazos e prioridade. */
  --accent-sand: #d9a866;
  --accent-gold: #e8a93c;
  --accent-sand-soft: #fbf3e4;

  /* Turno de trabalho inteiro neste ecrã: 13px do template base é curto. */
  --font-size-base: 14px;
  --type-body: 14px;
  --status-success-bg: #eef8f2;
  --status-success-fg: #18734b;
  --status-warning-bg: #fff8e8;
  --status-warning-fg: #8a5700;
  --status-danger-bg: #fff1f0;
  --status-danger-fg: #b42318;
  --colorNeutralBackground1: var(--surface);
  --colorNeutralBackground2: var(--surface-2);
  --colorNeutralBackground3: #f5f8fa;
  --colorNeutralBackground4: #dce9ed;
  --colorNeutralForeground1: var(--text);
  --colorNeutralForeground2: #294754;
  --colorNeutralForeground3: var(--muted);
  --colorNeutralForeground4: var(--muted-2);
  --colorNeutralStroke1: #bfd5dc;
  --colorNeutralStroke2: var(--line);
  --colorNeutralStrokeAccessible: var(--muted);
  --colorBrandBackground: var(--brand);
  --colorBrandBackgroundHover: var(--brand-2);
  --colorBrandBackgroundPressed: #003b50;
  --colorBrandForeground1: var(--brand);
  --colorBrandForeground2: var(--brand-2);
  --colorPaletteRedForeground1: var(--status-danger-fg);
}

::selection {
  background: #b9e4ee;
}

.portal-shell > main > header,
.topbar {
  background: rgba(255, 255, 255, 0.92);
}