/* Ikigai — design tokens (dark) */
:root {
  color-scheme: dark;

  --bg: #07090c;
  --bg-2: #0b0f13;
  --surface: #10151b;
  --surface-2: #151c23;
  --surface-3: #1b242d;
  --border: #212b35;
  --border-strong: #2d3a46;

  --text: #e8eef3;
  --text-2: #b4c1cc;
  --muted: #76848f;

  /* Turquesa */
  --accent: #2dd4bf;
  --accent-2: #14b8a6;
  --accent-3: #0d9488;
  --accent-soft: rgba(45, 212, 191, 0.12);
  --accent-softer: rgba(45, 212, 191, 0.06);
  --accent-glow: rgba(45, 212, 191, 0.35);
  --on-accent: #022c27;
  --grad: linear-gradient(135deg, #5eead4 0%, #2dd4bf 45%, #0ea5a4 100%);

  --ok: #34d399;
  --warn: #fbbf24;
  --danger: #f87171;
  --info: #60a5fa;
  --violet: #a78bfa;
  --pink: #f472b6;
  --ok-soft: rgba(52, 211, 153, 0.13);
  --warn-soft: rgba(251, 191, 36, 0.13);
  --danger-soft: rgba(248, 113, 113, 0.13);
  --info-soft: rgba(96, 165, 250, 0.13);

  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;
  --shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 0 1px rgba(45, 212, 191, 0.25), 0 8px 28px rgba(45, 212, 191, 0.18);

  --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sidebar-w: 272px;
  --sidebar-w-collapsed: 78px;
  --bottom-nav-h: 68px;
}