:root {
  --sk-bg: #030711;
  --sk-bg-deep: #01040a;
  --sk-surface: #07101a;
  --sk-surface-2: #091522;
  --sk-surface-3: #0c1928;
  --sk-text: #f5f9ff;
  --sk-text-muted: #9eabba;
  --sk-text-subtle: #6f7e90;
  --sk-border: rgba(125, 163, 187, 0.2);
  --sk-border-strong: rgba(34, 200, 232, 0.4);
  --sk-teal: #18e0c0;
  --sk-cyan: #22c8e8;
  --sk-blue: #2d7ff9;
  --sk-purple: #7652ff;
  --sk-success: #26d7a1;
  --sk-warning: #ffbd52;
  --sk-danger: #ff6b7a;
  --sk-brand-gradient: linear-gradient(120deg, var(--sk-teal), var(--sk-cyan) 54%, var(--sk-blue));
  --sk-highlight-gradient: linear-gradient(120deg, var(--sk-teal), var(--sk-cyan) 46%, var(--sk-blue) 83%, var(--sk-purple));
  --sk-card-gradient: linear-gradient(180deg, rgba(10, 23, 36, 0.95), rgba(4, 10, 17, 0.97));
  --sk-shadow-card: 0 24px 70px rgba(0, 4, 12, 0.38);
  --sk-shadow-glow: 0 0 42px rgba(24, 224, 192, 0.14);
  --font-heading: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;
  --sk-container: 1220px;
  --sk-header-height: 72px;
  --sk-radius-sm: 10px;
  --sk-radius-md: 16px;
  --sk-radius-lg: 24px;
  --sk-radius-xl: 34px;
  --sk-transition: 220ms cubic-bezier(0.22, 1, 0.36, 1);
}