/* ============================================================
   MIRITMO — Design System Tokens
   Brand: mi ritmo · cuidado personal · nutrición · fitness
   Mode: Dark-first, Premium Minimalist

   Fuente única de verdad. Importar desde cada página:
   <link rel="stylesheet" href="[ruta relativa]/design-system/tokens.css">
   No redefinir estas variables localmente en el <style> de cada página.
   ============================================================ */

:root {
  /* ── Color Palette ─────────────────────────────────────── */
  --lime:   #C8FF00;   /* Acento paciente / acción primaria */
  --mint:   #00FFB2;   /* Acento secundario */
  --coral:  #FF6B4A;   /* Acento entrenador / alertas */
  --violet: #9B6BFF;   /* Acento gimnasio / social */
  --gold:   #FFB800;   /* Logros */
  --teal:   #00D4AA;   /* Acento nutricionista */

  /* Backgrounds */
  --bg0: #080808;   /* Fondo raíz */
  --bg1: #111111;   /* Cards nivel 1 / sidebar */
  --bg2: #181818;   /* Cards nivel 2 */
  --bg3: #252525;   /* Hover / elevado */

  /* Borders */
  --border: #2A2A2A;

  /* Text */
  --t1: #F5F5F5;   /* Primario */
  --t2: #939393;   /* Secundario — WCAG AA (≥4.5:1) contra bg0/bg1/bg2/bg3, con margen */
  --t3: #909090;   /* Muted / captions — WCAG AA (≥4.5:1) contra bg0/bg1/bg2/bg3, con margen */

  /* ── Motion ──────────────────────────────────────────────── */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Layout (shell: sidebar + header) ───────────────────── */
  --sw: 240px;   /* Sidebar width */
  --hh: 60px;    /* Header height */
}