/* Assure For Life — design tokens
 * Palette extracted from the official brand manual (U153 Manual Uso de Marca
 * Consultores, November 17 edition, page 7 — "Paleta de colores").
 *
 *   Primary coral   #ED695A  (CMYK 0/70/61/0   — RGB 237/105/90)
 *   Secondary teal  #136270  (CMYK 86/40/41/28 — RGB 19/98/112)
 *   Bone background #EAEAE5  (CMYK 10/7/11/0   — RGB 234/234/229)
 */
:root {
  /* === Brand palette (manual U153, pág. 7) === */
  --brand-coral:      #ED695A;
  --brand-coral-deep: #c7503f;
  --brand-coral-soft: rgba(237, 105, 90, 0.12);

  --brand-teal:       #136270;
  --brand-teal-deep:  #0c4850;
  --brand-teal-soft:  rgba(19, 98, 112, 0.10);

  --brand-bone:       #EAEAE5;
  --brand-bone-deep:  #dcdcd5;

  /* Neutros funcionales (derivados del teal para coherencia) */
  --ink:         #0f1d21;
  --ink-soft:    #2a3b40;
  --muted:       #5f7278;
  --muted-2:     #8496a0;
  --card:        #ffffff;
  --line:        rgba(19, 98, 112, 0.14);
  --line-strong: rgba(19, 98, 112, 0.24);

  /* Estados */
  --success: #1f8f6b;
  --warning: #d59b32;
  --danger:  #c0392b;

  /* Sombras (tinte teal para mantener cohesión) */
  --shadow-sm: 0 4px 14px rgba(19, 98, 112, 0.06);
  --shadow-md: 0 14px 36px rgba(19, 98, 112, 0.10);
  --shadow-lg: 0 32px 80px rgba(19, 98, 112, 0.14);

  /* Layout */
  --radius-sm: 10px;
  --radius:    16px;
  --radius-lg: 24px;
  --nav-h:     72px;
  --container: 1180px;

  /* Tipografía */
  --font-serif: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans:  "Inter", -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;

  /* Motion */
  --ease-out:    cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* === Aliases de retrocompatibilidad ===
   * Los nombres viejos (--accent, --paper…) siguen siendo referenciados en
   * landing.css y en el <style> de ops-console.html. Los mapeamos aquí para
   * que el cambio de paleta se propague sin tocar cada selector. */
  --accent:      var(--brand-coral);
  --accent-deep: var(--brand-coral-deep);
  --accent-soft: var(--brand-coral-soft);
  --paper:       var(--brand-bone);
  --paper-soft:  var(--brand-bone-deep);
  --paper-deep:  var(--brand-bone-deep);
}
