/* 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;
  --nav: #00516d;
  --nav-2: #003b50;
  --nav-text: #d8eef3;
  --nav-active: #008fb5;
  --focus: 0 0 0 4px rgba(0, 107, 143, 0.24);
  --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);
  --colorStatusSuccessBackground1: #eef8f2;
  --colorStatusSuccessForeground1: #18734b;
  --colorStatusWarningBackground1: #fff8e8;
  --colorStatusWarningForeground1: #8a5700;
  --colorStatusDangerBackground1: #fff1f0;
  --colorStatusDangerForeground1: #b42318;
}

body {
  background: linear-gradient(135deg, #fbfeff 0%, #f2fafc 52%, #e8f5f8 100%);
}

::selection {
  background: #b9e4ee;
}