:root {
  --font-sans: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "Consolas", "SFMono-Regular", monospace;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.28), 0 1px 1px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.32), 0 2px 4px rgba(0, 0, 0, 0.22);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.42), 0 4px 10px rgba(0, 0, 0, 0.26);

  --topbar-h: 56px;
  --topnav-h: 48px;

  /* --- tema oscuro estilo Claude (unico tema de la app) --- */
  --bg: #1d1d1b; /* prueba: 25% mas oscuro que el original #262624, para dar mas contraste a las tarjetas (--bg-elevated) */
  --bg-elevated: #30302e;
  --bg-sunken: #1f1e1d;
  --bg-input: #1f1e1d;
  --text: #f5f4ef;
  --text-muted: #aba79e;
  --text-faint: #7c7871;
  --border: #3a3835;
  --border-strong: #4a4743;

  --accent: #d97757;
  --accent-strong: #c2694a;
  --accent-soft: #3a2a22;
  --accent-contrast: #ffffff;

  --success: #8fae6f;
  --success-soft: #202b1a;
  /* --warning fue #e0a83e (ambar) -- se usa como borde de las tarjetas
     "pendientes" en Practicar; volver a ese valor si el rojo no convence. */
  --warning: #e5484d;
  --danger: #b33a3a;
  --danger-soft: #301716;

  --focus-ring: #d97757;
  color-scheme: dark;
}