/* ─────────────────────────────────────────────────────────────
   Sentimo — design tokens (single source of truth)
   Loaded by every page BEFORE its own <style> block, so any
   page-specific rule still wins the cascade.

   Themes: dark (base) · light (rose) · earth (olive, DEFAULT)
   Theme is applied pre-paint by /js/theme-init.js.
   ───────────────────────────────────────────────────────────── */

*{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#0c0f18;--surface:#131826;--surface2:#181f30;--surface3:#1e2840;
  --border:#232d45;--border2:#2e3d5a;
  --accent:#4f8ef7;--accent2:#34d399;--danger:#f87171;--amber:#fbbf24;--purple:#a78bfa;
  --text:#e2e8f8;--muted:#7a87a8;--hint:#3d4d6a;
  --rad:14px;--rads:9px;--sidebar-w:230px;
}

:root[data-theme="light"]{
  --bg:#fdf6f9;--surface:#ffffff;--surface2:#fff0f5;--surface3:#fde4ee;
  --border:#f5d0de;--border2:#ebaabb;
  --accent:#d4538a;--accent2:#0f9f6e;--danger:#e03a5a;--amber:#c47c0a;--purple:#9333a8;
  --text:#1a0812;--muted:#8b4a6a;--hint:#c9a0b8;
}

:root[data-theme="earth"]{
  --bg:#e8ebe0;--surface:#f8f9f4;--surface2:#eef0e6;--surface3:#e2e6d6;
  --border:#d4d8c4;--border2:#5a6232;
  --accent:#5a6232;--accent2:#1a7a30;--danger:#b02010;--amber:#7a5200;--purple:#6a2a9a;
  --text:#141608;--muted:#4a5228;--hint:#7a8450;
}