/* DS ETAPA B — tokens.css (DS_20260116_01) */
/* Base de tokens: estable, mantenible, reversible */
:root{
  --surface-soft: #f3f4f6;
  --brand-deep: #1b0f00;

  --bg-day: #FAF7F0;

  --landing-ink: #1b1208;

  --ds-tap: 44px;

  /* AUD_DISABLED_DUP_DS_NEUTRALS_ROOT01 2026-02-16 (moved to :root source-of-truth below) */
/*
/* 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);

  /* AUD_DISABLED_DUP_DS_PRIMARY_ROOT01 2026-02-16 (moved to :root source-of-truth below) */
/*


  --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);

  /* Compat bridge: ds-* apunta al sistema nuevo */
  --ds-bg: var(--bg);
  --ds-surface: var(--card);
  --ds-text: var(--text);
  --ds-muted: var(--muted);
  --ds-border: var(--border);
  --ds-shadow: var(--shadow);
  --ds-primary: var(--accent);
  --ds-primary-contrast: var(--action-contrast);
}
:root{ --whatsapp:#25d366; }