@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans-VF.ttf?v=6eaeef6c6424f773") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --sw-void: #070a12;
  --sw-canvas: #0b0f19;
  --sw-surface: #0f172a;
  --sw-glass: rgb(15 23 42 / .65);
  --sw-dock: rgb(15 23 42 / .85);
  --sw-cobalt: #2563eb;
  --sw-cobalt-deep: #1d4ed8;
  --sw-vivid: #3b82f6;
  --sw-cyan: #38bdf8;
  --sw-sky: #60a5fa;
  --sw-indigo: #1e1b4b;
  --sw-text: #f8fafc;
  --sw-body: #cbd5e1;
  --sw-muted: #b7c4d6;
  --sw-error: #ffb4ab;
  --sw-border: rgb(255 255 255 / .08);
  --sw-top-edge: rgb(255 255 255 / .14);
  --sw-hover-edge: rgb(56 189 248 / .45);
  --sw-radius-control: .5rem;
  --sw-radius-panel: 1rem;
  --sw-radius-frame: 1.5rem;
  --sw-font: "Plus Jakarta Sans", sans-serif;
  --sw-content: 80rem;
  --sw-gutter: 1.5rem;
  --sw-margin: 4rem;
  --sw-section: clamp(5rem, 8vw, 10rem);
  --sw-ease: cubic-bezier(.22, 1, .36, 1);
  --sw-fast: 180ms;
  --sw-reveal: 700ms;
}

@media (max-width: 1199px) { :root { --sw-margin: 2rem; --sw-gutter: 1rem; } }
@media (max-width: 767px) { :root { --sw-margin: 1.25rem; --sw-section: 3.5rem; } }
@media (prefers-reduced-motion: reduce) {
  :root { --sw-fast: 0ms; --sw-reveal: 0ms; }
}