:root{
  /* ---- base palette (single source of truth) ---- */
  --li-blue:#0A66C2; --li-blue-dark:#004182; --li-navy:#0A2540;
  --li-tint:#E6F1FB; --li-tint-2:#EAF3FC;
  --li-white:#FFFFFF; --li-ink:#1D2226; --li-gray:#5E6D77; --li-border:#E0E0E0;

  /* ---- derived tokens (depth / accent / focus the 6-color set lacks) ---- */
  --li-blue-light:#66B2FF;            /* bright light-blue accent: "with AI", card hover accents */
  --li-accent:#66B2FF;                /* alias of blue-light for accent roles */
  --li-focus:#9CCBF5;                 /* focus-visible ring on dark backgrounds */
  --li-navy-2:#0C2C4D;               /* one step lighter than navy: soft center-card top stop */
  --li-glow:rgba(102,178,255,.45);    /* colored glow for depth highlights (derived from blue-light) */
  --li-glow-soft:rgba(102,178,255,.20); /* soft central background glow behind the card fan */
  --li-spot:rgba(102,178,255,.35);     /* cursor spotlight fill on cards (blue-locked, no hue shift) */
  --li-card:rgba(10,37,64,.55);        /* dark translucent glass card surface (derived from navy) */
  --li-hairline:rgba(255,255,255,.14); /* base card border before cursor glow */
  --li-bg:#070E1B;                     /* deep near-black navy: sparkles hero background */
  --li-bg-glow:#0A2540;                /* slightly lifted navy for centre of hero radial */
  --li-black:#000000;                  /* pure black hero background (sparkles demo) */
  --li-shadow:rgba(10,37,64,.30);     /* navy-derived drop shadow */
  --li-shadow-strong:rgba(10,37,64,.45);

  /* ---- semantic aliases ---- */
  --color-bg:var(--li-white); --color-surface:var(--li-white);
  --color-text:var(--li-ink); --color-text-muted:var(--li-gray);
  --color-primary:var(--li-blue); --color-primary-hover:var(--li-blue-dark);
  --color-border:var(--li-border);
}