:root{
  --bg:#e7edf4;
  --surface:#ffffff;
  --surface-2:#f5f8fb;
  --surface-3:#edf2f7;
  --text:#071a47;
  --ink:var(--text);
  --text-2:#30456f;
  --muted:#74819a;
  --line:#c8d5e4;
  --border:var(--line);
  --line-strong:#aebfd3;
  --primary:#125fff;
  --primary-hover:#0a50e8;
  --primary-soft:#edf4ff;
  --brand-gradient:#125fff;
  --success:#159a63;
  --success-soft:#eaf7f1;
  --danger:#d14358;
  --danger-soft:#fff0f2;
  --warning:#b97812;
  --warning-soft:#fff7e8;
  --radius:8px;
  --radius-sm:7px;
  --radius-xs:6px;
  --safe-top:env(safe-area-inset-top, 0px);
  --safe-bottom:env(safe-area-inset-bottom, 0px);
  --content-pad:18px;
}

/* v20.63.0 — controlled UstozOne color language. */
:root{
  --tone-blue:#2563eb;--tone-blue-soft:#eff6ff;--tone-blue-line:#bfdbfe;
  --tone-cyan:#0891b2;--tone-cyan-soft:#ecfeff;--tone-cyan-line:#a5f3fc;
  --tone-green:#16a34a;--tone-green-soft:#f0fdf4;--tone-green-line:#bbf7d0;
  --tone-amber:#d97706;--tone-amber-soft:#fffbeb;--tone-amber-line:#fde68a;
  --tone-rose:#e11d48;--tone-rose-soft:#fff1f2;--tone-rose-line:#fecdd3;
  --tone-violet:#7c3aed;--tone-violet-soft:#f5f3ff;--tone-violet-line:#ddd6fe;
  --tone-teal:#0f766e;--tone-teal-soft:#f0fdfa;--tone-teal-line:#99f6e4;
  --tone-slate:#475569;--tone-slate-soft:#f8fafc;--tone-slate-line:#cbd5e1;
}