:root{
  /* Colors: neutral */
  --ds-color-bg-950:#05070a;
  --ds-color-bg-900:#0b1018;
  --ds-color-bg-850:#111826;
  --ds-color-surface-0:#ffffff;
  --ds-color-surface-1:rgba(15,22,33,.72);
  --ds-color-surface-2:rgba(255,255,255,.04);
  --ds-color-surface-glass:rgba(255,255,255,.06);
  --ds-color-border-soft:rgba(255,255,255,.12);
  --ds-color-border-strong:rgba(255,255,255,.20);
  --ds-color-grid:rgba(255,255,255,.08);
  --ds-color-text-high:#eef6ff;
  --ds-color-text-medium:rgba(238,246,255,.74);
  --ds-color-text-low:rgba(238,246,255,.60);
  --ds-color-text-on-light:#0c1320;

  /* Colors: semantic */
  --ds-color-success:#23b00b;
  --ds-color-success-strong:#1d8f09;
  --ds-color-success-ink:#05130a;
  --ds-color-danger:#ff3a3a;
  --ds-color-warning:#ffd21a;
  --ds-color-info:#4aa3ff;
  --ds-color-accent:#ff8a1f;
  --ds-color-accent-strong:#f05a1a;
  --ds-color-premium:#a855f7;

  /* Typography */
  --ds-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
  --ds-font-weight-regular:400;
  --ds-font-weight-semibold:600;
  --ds-font-weight-bold:700;
  --ds-font-weight-heavy:900;
  --ds-font-size-xs:12px;
  --ds-font-size-sm:14px;
  --ds-font-size-md:16px;
  --ds-font-size-lg:18px;
  --ds-font-size-xl:24px;

  /* Spacing */
  --ds-space-1:4px;
  --ds-space-2:8px;
  --ds-space-3:12px;
  --ds-space-4:16px;
  --ds-space-5:20px;
  --ds-space-6:24px;
  --ds-space-8:32px;
  --ds-space-10:40px;

  /* Radius */
  --ds-radius-sm:10px;
  --ds-radius-md:12px;
  --ds-radius-lg:16px;
  --ds-radius-xl:20px;
  --ds-radius-pill:999px;

  /* Motion */
  --ds-motion-fast:160ms;
  --ds-motion-medium:220ms;
  --ds-motion-slow:320ms;
  --ds-ease-standard:cubic-bezier(.2,.7,.2,1);

  /* Shadows */
  --ds-shadow-sm:0 8px 22px rgba(0,0,0,.24);
  --ds-shadow-md:0 14px 34px rgba(0,0,0,.30);
  --ds-shadow-lg:0 22px 52px rgba(0,0,0,.38);
  --ds-shadow-focus:0 0 0 3px rgba(74,163,255,.32);

  /* Components */
  --ds-btn-radius:var(--ds-radius-md);
  --ds-btn-padding-y:10px;
  --ds-btn-padding-x:16px;
  --ds-btn-font-size:15px;
  --ds-btn-font-weight:var(--ds-font-weight-heavy);
  --ds-btn-border:1px solid var(--ds-color-border-soft);
  --ds-btn-shadow:var(--ds-shadow-sm);
  --ds-card-radius:var(--ds-radius-lg);
  --ds-card-border:1px solid var(--ds-color-border-soft);
  --ds-card-bg:var(--ds-color-surface-1);
  --ds-card-shadow:var(--ds-shadow-md);
}

html,
body{
  font-family:var(--ds-font-sans);
  color:var(--ds-color-text-high);
}

*{
  box-sizing:border-box;
}

:focus-visible{
  outline:2px solid rgba(74,163,255,.86);
  outline-offset:2px;
}