:root {
  color-scheme: light;

  --bg: #f7f7f5;
  --surface: #ffffff;
  --surface-2: #efefec;
  --text: #0b0b0b;
  --muted: #666666;
  --muted-2: #8a8a8a;
  --border: #deded8;
  --primary: #0b0b0b;
  --primary-contrast: #ffffff;
  --success: #167a3b;
  --danger: #b42318;
  --shadow: 0 18px 55px rgba(0, 0, 0, 0.08);
  --radius: 22px;
  --max-width: 1160px;
  --area-color: #737373;

  /* Cores-base das abas/categorias. */
  --cat-carreira: #ff6b35;
  --cat-educacao: #2d6bff;
  --cat-consumo: #00a6a6;
  --cat-saude: #2fbf71;
  --cat-beleza: #e84a8a;
  --cat-cultura: #8a3ffc;
  --cat-viagens: #12c6e8;
  --cat-tecnologia: #5b4bff;
  --cat-cidadania: #d9a300;

  /* Versões um pouco mais intensas para cards, sidebar e página do post. */
  --cat-carreira-strong: #c84a1b;
  --cat-educacao-strong: #1746c7;
  --cat-consumo-strong: #007575;
  --cat-saude-strong: #1c8f52;
  --cat-beleza-strong: #b92e68;
  --cat-cultura-strong: #6124c4;
  --cat-viagens-strong: #0d7ea8;
  --cat-tecnologia-strong: #3a2ec7;
  --cat-cidadania-strong: #a97700;
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --bg: #050505;
  --surface: #101010;
  --surface-2: #181818;
  --text: #f5f5f0;
  --muted: #b3b3ad;
  --muted-2: #85857f;
  --border: #2a2a2a;
  --primary: #f5f5f0;
  --primary-contrast: #050505;
  --shadow: 0 18px 55px rgba(0, 0, 0, 0.35);
}