/* ========== Pantanews — Design Tokens & Theme ========== */
:root {
  --green-700: #00532f;
  --green-600: #00673D;   /* PRIMÁRIA — tags, hovers, kickers */
  --green-500: #0a7a48;
  --green-400: #1ea552;
  --lime-400: #36d68a;
  --blue-500: #3B4BFF;    /* SECUNDÁRIA — cidades, CTA */
  --blue-600: #2535e6;

  /* Light mode (default) */
  --bg: #ffffff;
  --bg-soft: #f6f7f8;
  --bg-elevated: #ffffff;
  --fg: #15171a;
  --fg-soft: #3b4148;
  --fg-mute: #6c737b;
  --fg-faint: #9aa1a8;
  --border: #e6e8eb;
  --border-strong: #d3d6da;
  --tag-bg: #eef0f3;
  --tag-fg: #2b2f35;
  --kbd-bg: #f1f3f5;
  --code: #c43d6a;
  --header-bg: rgba(255, 255, 255, 0.92);
  --primary: var(--green-600);
  --primary-strong: var(--green-700);
  --primary-fg: #ffffff;
  --accent: var(--blue-500);
  --accent-fg: #ffffff;
  --shadow-card: 0 1px 2px rgba(20, 25, 33, 0.04);
  --top-line: linear-gradient(90deg, var(--green-500), var(--blue-500));
}

[data-theme="dark"] {
  --bg: #0d0f12;
  --bg-soft: #15181c;
  --bg-elevated: #15181c;
  --fg: #f1f3f5;
  --fg-soft: #c8cdd2;
  --fg-mute: #8a9098;
  --fg-faint: #5d6369;
  --border: #23272d;
  --border-strong: #2e333a;
  --tag-bg: #1d2126;
  --tag-fg: #c8cdd2;
  --kbd-bg: #1d2126;
  --header-bg: rgba(13, 15, 18, 0.92);
  --primary: var(--green-500);
  --primary-strong: var(--green-600);
  --primary-fg: #ffffff;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* ========== Reset / Base ========== */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.55;
  color: var(--fg);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  transition: background-color 0.2s ease, color 0.2s ease;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; }
img { max-width: 100%; display: block; }
.mono { font-family: 'Inconsolata', 'Menlo', 'Monaco', 'Courier New', monospace; font-variation-settings: 'wdth' 112.5; font-weight: 500; }
.serif-news { font-family: 'Geologica', sans-serif; }

/* ========== Top accent line ========== */
.top-line {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--top-line);
  z-index: 60;
}