/* EDIQX — Color system
   A calm, premium neutral scale (cool graphite) + the signature intelligence
   gradient (cyan → indigo → violet, sampled from the wordmark). */
:root{
  /* — Neutrals: cool graphite ink scale — */
  --white:#ffffff;
  --ink-50:#f6f7fb;
  --ink-100:#eceef4;
  --ink-150:#e2e5ee;
  --ink-200:#d5d9e4;
  --ink-300:#b7bccb;
  --ink-400:#8b91a4;
  --ink-500:#646b7e;
  --ink-600:#474d5e;
  --ink-700:#313745;
  --ink-800:#1c2029;
  --ink-900:#12141b;
  --ink-950:#0a0b10;

  /* — Signature brand trio (from the wordmark X) — */
  --brand-cyan:#2ac2f1;
  --brand-blue:#6f6efc;
  --brand-violet:#b757e7;
  /* solid primary action color (the indigo core of the gradient) */
  --brand:#6f6efc;
  --brand-strong:#5a57f0;
  --brand-soft:#eeeefe;
  --brand-tint:#f5f5ff;

  /* the connected-intelligence gradient — the brand's single hero device */
  --gradient-brand:linear-gradient(105deg,#2ac2f1 0%,#6f6efc 52%,#b757e7 100%); /* @kind color */
  --gradient-brand-diag:linear-gradient(135deg,#2ac2f1 0%,#6f6efc 50%,#b757e7 100%); /* @kind color */
  --gradient-soft:linear-gradient(105deg,#e8f8fe 0%,#eeeefe 52%,#f7edfd 100%); /* @kind color */
  /* subtle mesh for hero/dark canvases */
  --gradient-mesh:radial-gradient(120% 120% at 15% 10%,rgba(42,194,241,.20),transparent 45%),radial-gradient(120% 120% at 85% 20%,rgba(183,87,231,.22),transparent 50%),radial-gradient(140% 120% at 50% 100%,rgba(111,110,252,.20),transparent 55%); /* @kind color */

  /* — Semantic — */
  --success:#12b981;
  --success-soft:#e6f8f1;
  --warning:#e8a317;
  --warning-soft:#fdf3e0;
  --danger:#f0523f;
  --danger-soft:#fdecea;
  --info:var(--brand-blue);
  --info-soft:#eeeefe;

  /* — Light-surface semantic aliases (default context) — */
  --bg:#ffffff;
  --bg-subtle:#f6f7fb;
  --surface:#ffffff;
  --surface-card:#ffffff;
  --surface-raised:#ffffff;
  --surface-sunken:#f6f7fb;
  --border:#e2e5ee;
  --border-strong:#d5d9e4;
  --text:#12141b;
  --text-secondary:#474d5e;
  --text-muted:#8b91a4;
  --text-inverse:#ffffff;
  --text-on-brand:#ffffff;
  --link:#5a57f0;
  --link-hover:#4b48d6;
  --focus-ring:rgba(111,110,252,.45);
}

/* — Dark surface context (opt-in via .ediqx-dark or [data-theme="dark"]) — */
.ediqx-dark,[data-theme="dark"]{
  --bg:#0a0b10;
  --bg-subtle:#12141b;
  --surface:#12141b;
  --surface-card:#161922;
  --surface-raised:#1c2029;
  --surface-sunken:#0a0b10;
  --border:rgba(255,255,255,.09);
  --border-strong:rgba(255,255,255,.16);
  --text:#f6f7fb;
  --text-secondary:#b7bccb;
  --text-muted:#8b91a4;
  --text-inverse:#12141b;
  --link:#8b8afd;
  --link-hover:#a6a5fe;
  --focus-ring:rgba(111,110,252,.6);
}