/* Control Caos — Color tokens
   "La maraña ordenada" — structure (control) contains energy (caos).
   Núcleo = core palette · Tonos de apoyo = support tones */

:root {
  /* ---- Núcleo / core ---- */
  --cc-lima: #DDFE55;        /* Lima Señal — acento principal */
  --cc-navy: #012233;        /* Navy Control — base / fondo */
  --cc-crema: #F6F2E7;       /* Crema — claro / texto */
  --cc-azul: #10425D;        /* Azul — profundidad */
  --cc-lila: #C6C0CA;        /* Lila — neutro frío */
  --cc-bosque: #252F26;      /* Bosque — oscuro alterno */

  /* ---- Tonos de apoyo / support ---- */
  --cc-pizarra: #28323E;     /* Pizarra */
  --cc-amarillo: #E6DF57;    /* Amarillo */
  --cc-lima-calida: #E3E05E; /* Lima cálida */
  --cc-salvia: #C2E1B3;      /* Salvia */
  --cc-verde-claro: #C7E1A8; /* Verde claro */
  --cc-bruma-teal: #C6DDD7;  /* Bruma Teal */
  --cc-bruma-crema: #E8E9CA; /* Bruma Crema */
  --cc-bruma-azul: #C0D6EB;  /* Bruma Azul */

  /* ---- Difuminados / gradients ---- */
  --cc-grad-señal: linear-gradient(120deg, var(--cc-lima) 0%, var(--cc-lila) 38%, var(--cc-azul) 72%, var(--cc-navy) 100%);
  --cc-grad-bruma: linear-gradient(120deg, var(--cc-bruma-teal) 0%, var(--cc-crema) 100%);
  --cc-grad-verde: linear-gradient(120deg, var(--cc-lima) 0%, var(--cc-verde-claro) 100%);

  /* ---- Semantic aliases ---- */
  --color-accent: var(--cc-lima);
  --color-accent-ink: var(--cc-navy);      /* text/icon on top of lime */
  --surface-base: var(--cc-navy);          /* primary dark canvas */
  --surface-deep: var(--cc-azul);          /* raised depth on navy */
  --surface-alt: var(--cc-bosque);         /* alternate dark */
  --surface-paper: var(--cc-crema);        /* light canvas */
  --surface-paper-2: var(--cc-bruma-crema);/* light raised */
  --surface-card-dark: var(--cc-pizarra);  /* card on navy */

  --text-on-dark: var(--cc-crema);
  --text-on-dark-muted: color-mix(in srgb, var(--cc-crema) 62%, var(--cc-navy));
  --text-on-light: var(--cc-navy);
  --text-on-light-muted: color-mix(in srgb, var(--cc-navy) 58%, var(--cc-crema));
  --text-accent: var(--cc-lima);

  --border-on-dark: color-mix(in srgb, var(--cc-crema) 16%, transparent);
  --border-on-light: color-mix(in srgb, var(--cc-navy) 14%, transparent);
  --border-accent: var(--cc-lima);

  /* ---- Status (derived, kept in family) ---- */
  --color-success: var(--cc-salvia);
  --color-info: var(--cc-bruma-azul);
  --color-warn: var(--cc-amarillo);
  --color-neutral: var(--cc-lila);
}