/* The design tokens, as CSS custom properties (they inherit into every component's Shadow DOM). */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Barlow+Condensed:wght@400;500;600;700&display=swap");
:root{
  --c-bg:#1a1b1e; --c-surface:#24262c; --c-text:#f2f4f8; --c-muted:#8b909b; --c-accent:#5b8cff; --c-border:#2a2d35;
  --f-heading:"Barlow Condensed", ui-sans-serif, -apple-system, "Segoe UI", sans-serif; --f-body:"DM Sans", ui-sans-serif, -apple-system, "Segoe UI", sans-serif; --w-heading:600;
  --t-sm:12.8px; --t-body:16px; --t-h3:20px; --t-h2:25px; --t-h1:31.3px; --lh:1.5;
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px; --s-6:48px; --s-8:64px; --radius:10px;
}