:root {
  --swe-color-primary: #00e5ff;
  --swe-color-secondary: #2962ff;
  --swe-color-accent: #7000ff;
  --swe-color-bg: #111318;
  --swe-color-text: #e2e2e8;
  --swe-color-muted: #bac9cc;
  --swe-color-border: #3b494c;
  --swe-color-surface: #1e2024;

  --swe-font-headline: 'Inter', sans-serif;
  --swe-font-body: 'Inter', sans-serif;
  --swe-font-code: 'JetBrains Mono', monospace;

  --swe-gap: 20px;
  --swe-padding-desktop: 40px;
  --swe-padding-mobile: 20px;
  --swe-section-gap: 80px;
  --swe-max-width: 1280px;
  --swe-radius: 8px;
}

.swe-shell {
  background: var(--swe-color-bg);
  color: var(--swe-color-text);
  font-family: var(--swe-font-body);
}