/* ─── CSS Custom Properties: Theme System ───
   Same palette contract as the main Currency Converter app so both
   properties feel like one product. Themes are static colours only,
   with no gradients and no orbs/blobs. */
:root {
  --bg: #ccffcc;
  --accent: #99ff99;
  --accent-dark: #55cc55;
  --ring: #3aa165;
  --link: #167a45;

  /* Structural, constant across themes */
  --text: #111827;
  --muted: #4b5563;
  --card-bg: rgba(255, 255, 255, 0.62);
  --card-border: rgba(255, 255, 255, 0.88);
  --panel-bg: rgba(255, 255, 255, 0.5);
  --input-bg: rgba(255, 255, 255, 0.72);
  --input-border: rgba(0, 0, 0, 0.11);
  --code-bg: rgba(15, 23, 42, 0.94);
  --code-text: #e5e7eb;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.07);
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.10), 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.14);
  --radius: 20px;
  --radius-sm: 12px;
  --radius-xs: 8px;
  --transition: 0.2s ease;
  --sidebar-w: 272px;
  --toc-w: 220px;
  --topbar-h: 64px;
}