/* ZenFit tokens — valores literales de design/tokens.md */
:root {
  --bg: #F7F4EC;
  --bg-desktop: #EEF1E6;
  --surface2: #EEF1E6;
  --card: #FFFEFA;
  --border: #D8DCCF;
  --track: #DDE5D5;
  --primary: #3F5438;
  --on-primary: #FFFEFA;
  --primary-mid: #718267;
  --primary-soft: #DDE5D5;
  --selected: #E4EBDD;
  --text-strong: #263523;
  --text: #20251F;
  --text-muted: #687064;
  --warning: #B8934A;
  --danger: #A85A4A;
  /* Urgencia (pedido Shari 17/09: cupos y timer en rojo). Texto con contraste ≥ 4.5 sobre crema y sobre su fondo. */
  --danger-text: #B9473C;   /* terracota: ícono y número */
  --danger-bg: #FFF1EE;     /* rojo muy suave: el acento marca la excepción, no grita */
  --danger-border: #F2D3CC;
  /* Semántica de color (GPT + Shari, 17/09): verde = acción/selección/progreso; terracota = urgencia;
     ámbar = advertencia; azul grisáceo = privacidad/seguridad. Así una promesa, un dato privado y una
     urgencia no parecen del mismo nivel. */
  --warning-bg: #FBF4E4;
  --info: #4F6B7A;
  --info-bg: #EEF3F5;
  --info-border: #D3DEE3;
  /* bloque de bonos (arena) */
  --bonus-bg: #F1E8D6;
  --bonus-accent: #866A2E; /* ocre del diseño (#A8843A) oscurecido: el original daba 3.1:1 sobre el crema de la etiqueta; este llega a 4.6:1 */
  --bonus-soft: #F8F2E4;
  --bonus-border: #E4D6BA;

  --radius-card: 16px;
  --radius-button: 14px;
  --shadow: 0 1px 2px rgba(38, 53, 35, 0.06);
  --shadow-primary: 0 6px 16px rgba(63, 84, 56, 0.18);
  --shadow-card-hover: 0 8px 20px rgba(38, 53, 35, 0.10);

  --font-display: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  --font-body: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;

  --app-max: 430px;
  --pad-x: 20px;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-out: cubic-bezier(.4, 0, 1, 1);
  --dur-fast: 140ms;
  --dur: 260ms;
  --dur-slow: 420ms;
}