/* ============================================================
   Clave — Color tokens
   Locked palette (Manual de Identidad Visual §09):
     Azul Clave   #052A63   primary deep navy
     Lima Clave   #B8D000   accent lime
     Grafito      #4A4F57   neutral graphite (text)
     Gris Clave   #F2F4F7   light surface
     Blanco       #FFFFFF
   Recommended usage ratio (§09): ~70% navy · 20% white · 8% graphite · 2% lime.
   Lime is an accent only — never a background field.
   ============================================================ */
:root {
  /* ---- Brand anchors (exact manual values) ---- */
  --clave-navy: #052A63;
  --clave-lime: #B8D000;
  --clave-graphite: #4A4F57;
  --clave-mist: #F2F4F7;
  --clave-white: #FFFFFF;

  /* ---- Navy scale (Azul Clave) ---- */
  --navy-50:  #f3f7fc;
  --navy-100: #e5edf7;
  --navy-200: #c6d8ee;
  --navy-300: #94b3dd;
  --navy-400: #5685c4;
  --navy-500: #2b60a8;
  --navy-600: #154584;
  --navy-700: #0b3672;
  --navy-800: #052A63; /* Azul Clave — base */
  --navy-900: #04204b;
  --navy-950: #02132e;

  /* ---- Lime scale (Lima Clave) ---- */
  --lime-100: #f6fbd6;
  --lime-200: #ecf5a6;
  --lime-300: #ddec6e;
  --lime-400: #cbe035;
  --lime-500: #B8D000; /* Lima Clave — base */
  --lime-600: #9bb000;
  --lime-700: #788700;
  --lime-800: #5a6500;

  /* ---- Neutral / slate scale (built around Grafito) ---- */
  --ink-50:  #F2F4F7; /* Gris Clave */
  --ink-100: #e8ebf0;
  --ink-200: #dce0e7;
  --ink-300: #c3c9d3;
  --ink-400: #9aa1ad;
  --ink-500: #767d89;
  --ink-600: #5b626d;
  --ink-700: #4A4F57; /* Grafito */
  --ink-800: #343941;
  --ink-900: #21252b;
  --white: #ffffff;

  /* ---- Status (health-calibrated, harmonious with the palette) ---- */
  --success-50:  #e9f6ef;
  --success-500: #16915b;
  --success-600: #0f7449;
  --warning-50:  #fbf2dd;
  --warning-500: #d99811;
  --warning-600: #b27a07;
  --danger-50:   #fbecec;
  --danger-500:  #d14343;
  --danger-600:  #b22f2f;
  --info-50:     #e9f0fa;
  --info-500:    #2b60a8;

  /* ============================================================
     Semantic aliases — reference these in components, not raw scales
     ============================================================ */
  /* Brand */
  --brand-primary: var(--navy-800);
  --brand-primary-hover: var(--navy-700);
  --brand-primary-active: var(--navy-900);
  --brand-accent: var(--lime-500);
  --brand-accent-hover: var(--lime-600);
  --brand-accent-ink: var(--navy-900); /* text that sits on lime */

  /* Text */
  --text-strong: var(--navy-800);   /* headlines, emphasis */
  --text-body: var(--ink-800);      /* default copy */
  --text-muted: var(--ink-500);     /* secondary / captions */
  --text-subtle: var(--ink-400);    /* placeholders, disabled */
  --text-on-dark: var(--white);
  --text-on-dark-muted: var(--navy-200);
  --text-link: var(--navy-600);

  /* Surfaces */
  --surface-page: var(--white);
  --surface-muted: var(--ink-50);     /* Gris Clave — section backgrounds */
  --surface-card: var(--white);
  --surface-sunken: var(--ink-100);
  --surface-inverse: var(--navy-800); /* dark sidebars, footers, hero */
  --surface-inverse-2: var(--navy-900);
  --surface-accent-soft: var(--lime-100);

  /* Borders */
  --border-subtle: var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong: var(--ink-400);
  --border-inverse: rgba(255,255,255,0.16);

  /* Interaction */
  --focus-ring: var(--navy-500);
  --focus-ring-accent: var(--lime-600);
  --overlay-scrim: rgba(4, 32, 75, 0.55);
}