:root{
  /* --- base neutrals: near-black blue-greys --- */
  --sf-ink-900:#080D12;
  --sf-ink-850:#0A1016;
  --sf-ink-800:#0B1116;
  --sf-ink-780:#0C1217;
  --sf-ink-760:#0C1218;
  --sf-ink-740:#0D141A;
  --sf-ink-700:#0D151C;
  --sf-ink-650:#0E151B;

  /* --- foreground ramp (light on dark) --- */
  --sf-fg-1:#F2F7FA;
  --sf-fg-2:#EDF3F7;
  --sf-fg-3:#DCE7EE;
  --sf-fg-4:#D5E3EC;
  --sf-fg-5:#C8D6E0;
  --sf-fg-6:#B9CBD7;
  --sf-fg-7:#A9BBC8;
  --sf-fg-8:#9FB2C0;
  --sf-fg-9:#93A6B4;
  --sf-fg-10:#8A9DAC;
  --sf-fg-11:#7B909F;
  --sf-fg-12:#6F8494;

  /* --- brand accents --- */
  --sf-teal:#5FE3D3;
  --sf-teal-200:#96F1E5;
  --sf-teal-300:#8CF0E3;
  --sf-teal-400:#8FE9DD;
  --sf-blue:#63C7F5;
  --sf-blue-deep:#6396F5;
  --sf-on-accent:#04141A;

  /* --- accent alphas (borders, tints, glows) --- */
  --sf-teal-a06:rgba(95,227,211,0.06);
  --sf-teal-a08:rgba(95,227,211,0.08);
  --sf-teal-a12:rgba(95,227,211,0.12);
  --sf-teal-a26:rgba(95,227,211,0.26);
  --sf-teal-a30:rgba(95,227,211,0.30);
  --sf-teal-a50:rgba(95,227,211,0.50);
  --sf-blue-a08:rgba(99,150,245,0.08);
  --sf-blue-a10:rgba(99,150,245,0.10);

  /* --- hairlines: one cool grey, varied only by alpha --- */
  --sf-line-08:rgba(148,180,200,0.08);
  --sf-line-10:rgba(148,180,200,0.10);
  --sf-line-12:rgba(148,180,200,0.12);
  --sf-line-14:rgba(148,180,200,0.14);
  --sf-line-20:rgba(148,180,200,0.20);
  --sf-line-24:rgba(148,180,200,0.24);

  /* ================= semantic aliases ================= */
  --sf-bg-page:var(--sf-ink-900);
  --sf-bg-alt:var(--sf-ink-850);
  --sf-surface-card:var(--sf-ink-760);
  --sf-surface-card-hover:var(--sf-ink-700);
  --sf-surface-header:rgba(10,16,22,0.86);

  --sf-text-heading:var(--sf-fg-1);
  --sf-text-body:var(--sf-fg-8);
  --sf-text-body-strong:var(--sf-fg-6);
  --sf-text-muted:var(--sf-fg-11);
  --sf-text-faint:var(--sf-fg-12);
  --sf-text-accent:var(--sf-teal);
  --sf-text-accent-soft:var(--sf-teal-300);
  --sf-text-on-accent:var(--sf-on-accent);

  --sf-border-default:var(--sf-line-12);
  --sf-border-strong:var(--sf-line-24);
  --sf-border-accent:var(--sf-teal-a26);
  --sf-border-accent-hover:var(--sf-teal-a50);

  --sf-link:var(--sf-teal);
  --sf-link-hover:var(--sf-teal-200);

  /* accent fills */
  --sf-accent-gradient:linear-gradient(100deg,#5FE3D3,#63C7F5); /* @kind color */
  --sf-accent-wash:linear-gradient(180deg,rgba(95,227,211,0.08),rgba(95,227,211,0.01)); /* @kind color */
  --sf-accent-wash-strong:linear-gradient(120deg,rgba(95,227,211,0.08),rgba(99,150,245,0.05)); /* @kind color */
  --sf-accent-band:linear-gradient(100deg,rgba(95,227,211,0.12),rgba(99,150,245,0.08)); /* @kind color */
  --sf-accent-solid:var(--sf-teal-300);
}