:root{
  /* --- Neon spectrum: sampled from the logo's edge glow, cyan -> violet -> magenta --- */
  --neon-cyan:#22C8FF;
  --neon-blue:#2B7FFF;
  --neon-violet:#A64BFF;
  --neon-magenta:#FF3BD4;
  --neon-cyan-soft:#7FE0FF;
  --neon-magenta-soft:#FF8FE6;

  /* --- Ink scale: the mark's black facets. 0 = deepest, 12 = pure white --- */
  --ink-0:#04050A;
  --ink-1:#08090F;
  --ink-2:#0D0F16;
  --ink-3:#13161F;
  --ink-4:#1B1F2A;
  --ink-5:#252A38;
  --ink-6:#333947;
  --ink-7:#4A5162;
  --ink-8:#6B7383;
  --ink-9:#9AA1AF;
  --ink-10:#C7CBD4;
  --ink-11:#E8EAEF;
  --ink-12:#FFFFFF;

  /* --- Semantic status --- */
  --status-success:#2BE58C;
  --status-warning:#FFC53D;
  --status-danger:#FF4D5E;
  --status-info:var(--neon-cyan);

  /* --- Surfaces (dark is the default mode) --- */
  --surface-page:var(--ink-0);
  --surface-raised:var(--ink-2);
  --surface-card:var(--ink-2);
  --surface-inset:var(--ink-1);
  --surface-overlay:rgba(4,5,10,.72);
  --surface-hover:rgba(255,255,255,.05);
  --surface-active:rgba(255,255,255,.09);
  --surface-glass:rgba(19,22,31,.62);

  /* --- Text --- */
  --text-strong:var(--ink-12);
  --text-body:var(--ink-11);
  --text-muted:var(--ink-9);
  --text-faint:var(--ink-8);
  --text-on-accent:var(--ink-0);
  --text-link:var(--neon-cyan);
  --text-link-hover:var(--neon-cyan-soft);

  /* --- Borders --- */
  --border-subtle:rgba(255,255,255,.07);
  --border-default:rgba(255,255,255,.12);
  --border-strong:rgba(255,255,255,.22);
  --border-accent:var(--neon-cyan);

  /* --- Accent aliases --- */
  --accent:var(--neon-cyan);
  --accent-secondary:var(--neon-magenta);
  --accent-quiet:rgba(34,200,255,.14);
  --accent-quiet-2:rgba(255,59,212,.14);

  /* --- Signature gradients --- */
  --gradient-edge:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-violet) 55%,var(--neon-magenta) 100%);
  --gradient-edge-h:linear-gradient(90deg,var(--neon-cyan) 0%,var(--neon-violet) 52%,var(--neon-magenta) 100%);
  --gradient-facet:linear-gradient(160deg,var(--ink-4) 0%,var(--ink-1) 62%);
    --gradient-hairline:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent); /* @kind color */
}

/* Light scope: inverted surfaces for print, email and docs. Neons stay identical. */
[data-theme="light"]{
  --surface-page:#FFFFFF;
  --surface-raised:#F6F7F9;
  --surface-card:#FFFFFF;
  --surface-inset:#F1F2F5;
  --surface-overlay:rgba(4,5,10,.45);
  --surface-hover:rgba(4,5,10,.04);
  --surface-active:rgba(4,5,10,.07);
  --surface-glass:rgba(255,255,255,.7);
  --text-strong:var(--ink-0);
  --text-body:var(--ink-3);
  --text-muted:var(--ink-7);
  --text-faint:var(--ink-8);
  --text-on-accent:var(--ink-0);
  --text-link:#0B84C7;
  --text-link-hover:#0A6FA8;
  --border-subtle:rgba(4,5,10,.07);
  --border-default:rgba(4,5,10,.12);
  --border-strong:rgba(4,5,10,.24);
}