/* OKentra · Colors
 * OFFICIAL palette (Guía de identidad visual OKentra · "07 Paleta de colores"):
 *   Navy #0B1345 · Violeta #684BFF · Violeta claro #A786FA
 *   Gris claro #E6E8F0 · Negro #1E1E2D
 * Navy is the principal color, the electric violet is the accent, light gray
 * for surfaces/borders, near-black for ink. Scales below are harmonized
 * tints/shades anchored on the five official hexes. */
:root {
  /* ---- Brand anchors (exact, official) ---- */
  --ok-navy: #0B1345;        /* azul oscuro — principal */
  --ok-violet: #684BFF;      /* violeta — acento */
  --ok-violet-light: #A786FA;/* violeta claro */
  --ok-gray: #E6E8F0;        /* gris claro — superficies */
  --ok-black: #1E1E2D;       /* negro — tinta */
  --ok-white: #FFFFFF;       /* blanco — fondo limpio */

  /* ---- Navy scale (primary) — anchored on #0B1345 ---- */
  --navy-50:  #eaebf2;
  --navy-100: #c9cde0;
  --navy-200: #9aa0c4;
  --navy-300: #6b73a3;
  --navy-400: #3f4880;
  --navy-500: #1e2860;
  --navy-600: #0B1345;       /* brand navy */
  --navy-700: #090f38;
  --navy-800: #070b2a;
  --navy-900: #05081c;

  /* ---- Violet scale (accent) — anchored on #684BFF / #A786FA ---- */
  --violet-50:  #f0edff;
  --violet-100: #e0daff;
  --violet-200: #c7bcff;
  --violet-300: #A786FA;     /* violeta claro (official) */
  --violet-400: #8a6bff;
  --violet-500: #684BFF;     /* brand violet (official) */
  --violet-600: #573ce6;
  --violet-700: #472fbf;
  --violet-800: #372596;
  --violet-900: #281b6e;

  /* ---- Neutral scale — light gray #E6E8F0, ink #1E1E2D ---- */
  --neutral-0:   #ffffff;
  --neutral-50:  #f5f6fa;
  --neutral-100: #E6E8F0;    /* gris claro (official) */
  --neutral-200: #d8dbe6;
  --neutral-300: #c2c6d6;
  --neutral-400: #9296a8;
  --neutral-500: #6b7080;    /* secondary text */
  --neutral-600: #4a4e5e;
  --neutral-700: #343745;
  --neutral-800: #26262f;
  --neutral-900: #1E1E2D;    /* negro (official) */

  /* ---- Semantic status ---- */
  --success-500: #1f9d6b;
  --success-100: #dcf3ea;
  --warning-500: #d98a1f;
  --warning-100: #f8ecd6;
  --danger-500:  #d6453f;
  --danger-100:  #f8dedc;
  --info-500:    #684BFF;
  --info-100:    #e0daff;

  /* ---- Semantic surface / text aliases ---- */
  --surface-page:      var(--neutral-50);
  --surface-card:      var(--neutral-0);
  --surface-sunken:    var(--neutral-100);
  --surface-inverse:   var(--navy-600);
  --surface-accent-soft: var(--violet-50);

  --text-strong:   var(--navy-600);   /* headings on light */
  --text-body:     var(--neutral-800);
  --text-muted:    var(--neutral-500); /* secondary */
  --text-on-dark:  var(--neutral-0);
  --text-on-accent:var(--neutral-0);
  --text-accent:   var(--violet-600);
  --text-link:     var(--violet-600);

  --border-subtle: var(--neutral-200);
  --border-default:var(--neutral-300);
  --border-strong: var(--neutral-400);
  --border-accent: var(--violet-300);

  --focus-ring: var(--violet-400);

  /* ---- Brand gradient (use sparingly: hero accents, isotipo motif) ---- */
  --gradient-brand: linear-gradient(120deg, var(--violet-500) 0%, var(--navy-600) 100%);
  --gradient-violet: linear-gradient(120deg, var(--violet-300) 0%, var(--violet-600) 100%);
}