:root {
  --brand-blue: #002f6c;
  --brand-navy: #001b44;
  --brand-header-blue: #002b69;
  --brand-link: #003b8e;
  --brand-green: #78be20;
  --brand-green-strong: #079447;
  --brand-green-dark: #057b3b;
  --brand-focus: #b6df3d;
  --brand-text: #082a66;
  --brand-bg: #f7f9fc;
  --brand-surface: #ffffff;
  --brand-border: #e3edf7;
}

:root {
  
  --color-bg: var(--brand-bg);
  --color-surface: var(--brand-surface);
  --color-surface-alt: #eef4fb;
  --color-text: var(--brand-text);
  --color-text-muted: #4a5f80;
  --color-heading: var(--brand-blue);
  --color-link: var(--brand-link);
  --color-border: var(--brand-border);
  --color-primary: var(--brand-blue);
  --color-primary-strong: var(--brand-navy);
  --color-accent: var(--brand-green-strong);
  --color-accent-hover: var(--brand-green-dark);
  --color-highlight: var(--brand-green);
  --color-focus: var(--brand-focus);
  --color-on-primary: #ffffff;

  
  --status-andamento: #079447;
  --status-concluida: #0067a6;
  --status-suspensa: #c77700;
  --status-encerrada: #5b6b82;
  --status-revogada: #b42318;

  
  --masthead-bg: #022c6b;
  --hero-blue: #005597;

  
  --table-head: #0b3d78;
  --table-border: #d5e1ee;
  --table-line: #e3ebf4;
  --table-line-soft: #edf2f8;
  --table-stripe: #f5f9fe;
  --table-row-head: #002b69;
  --table-link: #0057d9;

  
  --font-family: "Segoe UI", Roboto, Arial, sans-serif;
  --font-scale: 1;
  --fs-sm: calc(.8125rem * var(--font-scale));
  --fs-base: calc(1rem * var(--font-scale));
  --fs-lg: calc(1.125rem * var(--font-scale));
  --fs-h3: calc(1.25rem * var(--font-scale));
  --fs-h2: calc(1.75rem * var(--font-scale));
  --fs-h1: calc(2.25rem * var(--font-scale));

  
  --radius-sm: 10px;
  --radius: 18px;
  --radius-pill: 999px;
  --shadow: 0 8px 24px #001b4412;
  --shadow-lg: 0 16px 38px #001b4430;
  --container: 1280px;
  --gutter: 28px;
}

.theme-dark {
  --color-bg: #0b1424;
  --color-surface: #16233a;
  --color-surface-alt: #101a2d;
  --color-text: #eef5ff;
  --color-text-muted: #a9b9d4;
  --color-heading: #dce9ff;
  --color-link: #8fc2ff;
  --color-border: #2a3b5a;
  --color-primary: #0b2a57;
  --color-primary-strong: #061633;
  --shadow: 0 8px 24px #0006;
  --masthead-bg: #101a2d;
  --hero-blue: #12315c;
  --table-border: #2c3f5c;
  --table-line: #2c3f5c;
  --table-line-soft: #2c3f5c;
  --table-stripe: #16233a;
  --table-row-head: #dce9ff;
  --table-link: #8cbcff;
  --shadow-lg: 0 16px 38px #0008;
}

@media (max-width: 520px) {
  :root { --gutter: 16px; }
}