/* ALEBEX — COLOR SYSTEM
   Cyan is the ONLY accent. More blue than black, never flat #000. */
:root{
  /* Deep-blue backgrounds: glow core -> deepest */
  --blue-glow:#1C4279;   /* glow core, upper-right bloom */
  --blue-600:#102C5B;
  --blue-700:#0B1D41;
  --blue-900:#07122B;    /* deepest */

  /* Cyan accent ramp */
  --cyan-pale:#BFEEFF;
  --cyan-light:#7FE3FF;
  --cyan:#38BDF8;        /* primary accent */
  --cyan-deep:#0E9FD4;

  /* Text ramp */
  --text-head:#F5FAFF;   /* headlines */
  --text-body:#8AA0BC;   /* body */
  --text-caption:#6B7E9C;/* captions */
  --text-footer:#4E6182; /* footers, page numbers */
  --ink:#04121F;         /* dark text on cyan fills */

  /* Data-viz */
  --track:#15294a;       /* chart track / empty */
  --gridline:#1c3358;    /* gridlines, hairline borders */

  /* Signature cyan gradient — hero numbers, key words, waveforms, chart fills */
  --gradient-cyan:linear-gradient(92deg,#7FE3FF,#38BDF8 45%,#0E9FD4 82%,#BFEEFF); /* @kind color */

  /* Signature background: diagonal, bloom upper-right, dark lower-left */
  --bg-signature:
    radial-gradient(1100px 780px at 88% 8%, #1C4279 0%, #102C5B 34%, transparent 68%),
    radial-gradient(900px 720px at 12% 100%, #102C5B 0%, #0B1D41 40%, transparent 72%),
    linear-gradient(135deg, #07122B 0%, #0B1D41 52%, #07122B 100%); /* @kind color */

  /* Semantic aliases */
  --surface-deep:var(--blue-900);
  --surface-panel:rgba(28,66,121,.16);
  --border-hairline:var(--gridline);
  --accent:var(--cyan);
  --accent-strong:var(--cyan-deep);
  --focus-ring:rgba(56,189,248,.55);
}