/* DS ETAPA B — tokens.css (DS_20260116_01) */
/* Base de tokens: estable, mantenible, reversible */
:root{
  --ds-tap: 44px;

  /* Neutrales */
  --ds-bg: #F8FAFC;
  --ds-surface: #FFFFFF;
  --ds-text: #0B1220;
  --ds-muted: rgba(11,18,32,.65);
  --ds-border: rgba(0,0,0,.10);
  --ds-shadow: 0 10px 22px rgba(2,6,23,.10);

  /* Ayacucho */
  --success: #059669;
  --success-contrast: #FFFFFF;
  --danger: #DC2626;
  --danger-contrast: #FFFFFF;
  --warning: #F59E0B;
  --warning-contrast: #111827;
  --info: #2563EB;
  --info-contrast: #FFFFFF;
  --action: #EA580C;
  --action-contrast: #FFFFFF;

  /* ETAPA 2B — Typography contract */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", Arial, sans-serif;
  --ds-font: var(--font-sans);
  --brand-font: var(--font-sans);

  --ds-primary: var(--success);
  --ds-primary-contrast: var(--success-contrast);
  --ds-secondary: #34D399;
  --ds-secondary-contrast: #064E3B;

  /* Estados */
  --ds-danger: #DC2626;
  --ds-success: #16A34A;
  --ds-warning: #D97706;
  --ds-info: #2D8CFF;
  --ds-success-rgb: 22,163,74;
  --ds-danger-rgb: 220,38,38;
  --ds-warning-rgb: 217,119,6;
  --ds-info-rgb: 45,140,255;
}

/* Auto dark (si quieres activarlo después por data-mode, aquí queda listo) */
html[data-mode="dark"]{
  --ds-bg: #0B1220;
  --ds-surface: rgba(255,255,255,.06);
  --ds-text: rgba(255,255,255,.92);
  --ds-muted: rgba(255,255,255,.70);
  --ds-border: rgba(255,255,255,.16);
  --ds-shadow: 0 10px 24px rgba(0,0,0,.35);
}

/* ETAPA2_TEST_APPEND_OK */
/* =========================================================
   ETAPA 2A — TOKENS SOURCE OF TRUTH (M&A Ayacucho)
   Objetivo: unificar tokens base en un solo lugar SIN romper UI.
   ========================================================= */

:root{
  /* Theme inputs (pueden ser definidos por brand-2026.css) */
  --theme-bg: #FAF7F0;
  --theme-card: #ffffff;
  --theme-text: var(--brand-text, rgba(17,24,39,.95));
  --theme-muted: var(--brand-muted, rgba(107,114,128,.95));
  --theme-border: var(--brand-border, rgba(0,0,0,.10));
  --theme-shadow: var(--brand-shadow-1, 0 10px 30px rgba(0,0,0,.25));
  --theme-accent: var(--action);

  /* Base tokens (source of truth) */
  --bg: var(--theme-bg);
  --card: var(--theme-card);
  --text: var(--theme-text);
  --muted: var(--theme-muted);
  --border: var(--theme-border);
  --shadow: var(--theme-shadow);
  --accent: var(--theme-accent);
}