/* ── Light theme (default — matches landing page) ─────────────────────── */
:root {
  --accent:       #0f766e;
  --accent-hover: #0a645d;
  --accent-muted: rgba(15, 118, 110, 0.10);

  --bg:           #f2efe7;
  --bg-body:      linear-gradient(180deg, #f7f3ea 0%, #efe8dd 46%, #f3efe8 100%);
  --surface:      rgba(255, 252, 245, 0.82);
  --surface-solid:#fffaf0;
  --nav-bg:       rgba(247, 243, 234, 0.88);

  --ink:          #16211d;
  --muted:        #51635c;

  --line:         rgba(22, 33, 29, 0.11);
  --nav-line:     rgba(22, 33, 29, 0.07);

  --success:      #2f7a4e;
  --success-bg:   rgba(47, 122, 78, 0.10);
  --warning:      #a05c1e;
  --warning-bg:   rgba(160, 92, 30, 0.10);
  --danger:       #b4442d;
  --danger-bg:    rgba(180, 68, 45, 0.10);

  --radius:       16px;
  --radius-sm:    8px;
  --shadow:       0 2px 16px rgba(22, 33, 29, 0.08);
  --shadow-lg:    0 24px 70px rgba(22, 33, 29, 0.12);
}

/* ── Dark theme ───────────────────────────────────────────────────────── */
[data-theme="dark"] {
  --accent:       #6366f1;
  --accent-hover: #4f52d6;
  --accent-muted: rgba(99, 102, 241, 0.14);

  --bg:           #0f0f13;
  --bg-body:      #0f0f13;
  --surface:      #1a1a24;
  --surface-solid:#1a1a24;
  --nav-bg:       rgba(26, 26, 36, 0.92);

  --ink:          #e2e8f0;
  --muted:        #64748b;

  --line:         #2a2a3a;
  --nav-line:     #2a2a3a;

  --success:      #22c55e;
  --success-bg:   rgba(34, 197, 94, 0.12);
  --warning:      #f59e0b;
  --warning-bg:   rgba(245, 158, 11, 0.12);
  --danger:       #ef4444;
  --danger-bg:    rgba(239, 68, 68, 0.12);

  --radius:       16px;
  --radius-sm:    8px;
  --shadow:       0 2px 16px rgba(0, 0, 0, 0.28);
  --shadow-lg:    0 24px 70px rgba(0, 0, 0, 0.4);
}