:root {
  color-scheme: light;

  /* Hubx Vote · paleta cívica inspirada na bandeira do Brasil. */
  --brazil-blue: #002776;
  --brazil-blue-strong: #001b52;
  --brazil-blue-soft: #e9efff;
  --brazil-green: #009c3b;
  --brazil-green-accessible: #007a33;
  --brazil-green-strong: #005c27;
  --brazil-green-soft: #e8f7ed;
  --brazil-yellow: #ffdf00;
  --brazil-yellow-strong: #d6b900;
  --brazil-yellow-soft: #fff8c7;

  --bg: #f3f7f5;
  --surface: #ffffff;
  --surface-subtle: #f8fbf9;
  --text: #13231b;
  --muted: #53655c;
  --border: #d5e1da;
  --border-strong: #a9bdb1;
  --primary: var(--brazil-blue);
  --primary-dark: var(--brazil-blue-strong);
  --secondary: var(--brazil-green-accessible);
  --secondary-dark: var(--brazil-green-strong);
  --danger: #a61b1b;
  --danger-soft: #fff0ef;
  --warning: #7a6200;
  --warning-soft: var(--brazil-yellow-soft);
  --success: var(--brazil-green-accessible);
  --success-soft: var(--brazil-green-soft);
  --focus: #005fcc;

  --radius-sm: 0.5rem;
  --radius: 0.85rem;
  --radius-lg: 1.25rem;
  --shadow-sm: 0 0.1rem 0.35rem rgb(0 39 118 / 8%);
  --shadow: 0 0.8rem 2rem rgb(0 39 118 / 10%);
  --shadow-lg: 0 1.5rem 3.5rem rgb(0 39 118 / 16%);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
}