/* ============================================================
   TIER 1 — PRIMITIVES (raw ramps; no meaning)
   Never consumed directly by product UI — components and kits
   use the semantic roles in colors.css (tier 2) instead.
   Anchors marked ★ are official Manual de Identidad 2024 values;
   every other step is a perceptually-derived working value
   (OKLCH-interpolated around the anchors).
   ============================================================ */

:root {
  /* ---- NAVY (brand) — ★ 900 = AZUL TANDA, Pantone 281 C ---- */
  --tm-navy-50:  #EEF1F7;
  --tm-navy-100: #DDE3EF;
  --tm-navy-200: #C2CBE1;
  --tm-navy-300: #9CA9C9;
  --tm-navy-400: #7386B0;
  --tm-navy-500: #51659A;
  --tm-navy-600: #3A4E86;
  --tm-navy-700: #223260;
  --tm-navy-800: #16264F;
  --tm-navy-900: #0F1D41;   /* ★ AZUL TANDA */
  --tm-navy-950: #0B1631;
  --tm-navy-1000: #070E20;

  /* ---- RED (brand accent + status danger, shared per system decision)
          ★ 600 = ROJO MIRANDA, Pantone 485 C ---- */
  --tm-red-50:  #FDECEC;
  --tm-red-100: #FBD9D9;
  --tm-red-200: #F7B3B4;
  --tm-red-300: #F3888B;
  --tm-red-400: #F05B60;
  --tm-red-500: #EF3B42;
  --tm-red-600: #ED1C24;    /* ★ ROJO MIRANDA — marketing CTA, icons, plecas */
  --tm-red-650: #D9161E;    /* app-surface solid: white text passes 4.5:1 AA */
  --tm-red-700: #C71017;
  --tm-red-800: #9E0D13;
  --tm-red-900: #7A0A0F;

  /* ★ ROJO CARMÍN — Pantone 7620 C. Reserved EXCLUSIVELY for the brand
     pattern (glyphs at 30% digital / 60% print over Rojo Miranda). */
  --tm-carmin: #B5231D;

  /* ---- NEUTRAL (navy-tinted cool gray; the workhorse ramp) ---- */
  --tm-neutral-0:   #FFFFFF; /* ★ BLANCO — official, predominant on web */
  --tm-neutral-50:  #F7F8FB;
  --tm-neutral-100: #EFF1F6;
  --tm-neutral-200: #E1E4EC;
  --tm-neutral-300: #C8CDD9;
  --tm-neutral-400: #99A0B2; /* decorative only — fails AA on white */
  --tm-neutral-500: #697184; /* min. text gray on white (4.9:1) */
  --tm-neutral-600: #4E566B;
  --tm-neutral-700: #3A415A;
  --tm-neutral-800: #262D45;
  --tm-neutral-900: #171E38;
  --tm-neutral-1000: #0A0E1F;

  /* ---- GREEN → success (derived; chroma-matched to brand) ---- */
  --tm-green-50:  #E9F6EF;
  --tm-green-100: #D2EDDF;
  --tm-green-200: #A5DBBF;
  --tm-green-300: #6FC69A;
  --tm-green-400: #37AC72;
  --tm-green-500: #189559;
  --tm-green-600: #0E7F4A;  /* white text on this passes AA (5.1:1) */
  --tm-green-700: #0A6A3D;
  --tm-green-800: #085531;
  --tm-green-900: #063F25;

  /* ---- AMBER → warning (derived) ---- */
  --tm-amber-50:  #FCF3E4;
  --tm-amber-100: #FAE6C6;
  --tm-amber-200: #F4CD8B;
  --tm-amber-300: #ECB253;
  --tm-amber-400: #E09A26;
  --tm-amber-500: #C98307;  /* solid fills take NAVY text, not white */
  --tm-amber-600: #9A6200;  /* min. warning text on white (5.1:1) */
  --tm-amber-700: #7F5000;
  --tm-amber-800: #654000;
  --tm-amber-900: #4C3000;

  /* ---- BLUE → info (brand-adjacent, distinct from navy) ---- */
  --tm-blue-50:  #EAF1FB;
  --tm-blue-100: #D6E3F7;
  --tm-blue-200: #ADC7EE;
  --tm-blue-300: #82A9E2;
  --tm-blue-400: #5788D2;
  --tm-blue-500: #3A6BBB;
  --tm-blue-600: #2E56A0;   /* white text passes AA (7.1:1) */
  --tm-blue-700: #264682;
  --tm-blue-800: #1E3765;
  --tm-blue-900: #172A4C;

  /* ---- ALPHA ramps (overlays, scrims, tints on imagery) ---- */
  --tm-alpha-navy-25:  rgba(15, 29, 65, 0.02);
  --tm-alpha-navy-50:  rgba(15, 29, 65, 0.04);
  --tm-alpha-navy-100: rgba(15, 29, 65, 0.08);
  --tm-alpha-navy-200: rgba(15, 29, 65, 0.12);
  --tm-alpha-navy-300: rgba(15, 29, 65, 0.20);
  --tm-alpha-navy-400: rgba(15, 29, 65, 0.32);
  --tm-alpha-navy-500: rgba(15, 29, 65, 0.48);
  --tm-alpha-navy-600: rgba(15, 29, 65, 0.64);
  --tm-alpha-navy-700: rgba(15, 29, 65, 0.80);
  --tm-alpha-white-50:  rgba(255, 255, 255, 0.04);
  --tm-alpha-white-100: rgba(255, 255, 255, 0.08);
  --tm-alpha-white-200: rgba(255, 255, 255, 0.12);
  --tm-alpha-white-300: rgba(255, 255, 255, 0.20);
  --tm-alpha-white-400: rgba(255, 255, 255, 0.32);
  --tm-alpha-white-500: rgba(255, 255, 255, 0.48);
  --tm-alpha-white-600: rgba(255, 255, 255, 0.64);

  /* ---- Legacy tier-1 aliases (pre-refactor names; keep working) ---- */
  --tm-navy-050: var(--tm-navy-50);
  --tm-red-050: var(--tm-red-50);
  --tm-white: var(--tm-neutral-0);
  --tm-black: #000000;               /* K100 — permitted for long body copy */
  --tm-gray-900: var(--tm-neutral-900);
  --tm-gray-700: var(--tm-neutral-700);
  --tm-gray-500: var(--tm-neutral-500);
  --tm-gray-300: var(--tm-neutral-300);
  --tm-gray-100: var(--tm-neutral-100);
  --tm-gray-050: var(--tm-neutral-50);
}