@font-face {
  font-family: 'Inter';
  src: url('/themes/dejie/fonts/inter-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('/themes/dejie/fonts/space-grotesk-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --dj-navy-950: #050d1a;
  --dj-navy-900: #0a1a2f;
  --dj-navy-800: #0f2744;
  --dj-navy-700: #163a5f;
  --dj-cyan-400: #22d3ee;
  --dj-cyan-500: #06b6d4;
  --dj-cyan-600: #0e7490;
  --dj-amber-400: #fbbf24;
  --dj-amber-500: #f59e0b;
  --dj-white: #ffffff;
  --dj-ink: #0b1220;
  --dj-muted: #5b6b7c;
  --dj-muted-light: #9fb0c2;
  --dj-surface: #f5f8fb;
  --dj-surface-strong: #eaf1f7;
  --dj-border: #dde6ef;
  --dj-success: #0b7a54;
  --dj-radius-sm: 10px;
  --dj-radius: 16px;
  --dj-radius-lg: 24px;
  --dj-shadow-sm: 0 8px 24px rgba(10, 26, 47, 0.06);
  --dj-shadow: 0 18px 45px rgba(10, 26, 47, 0.10);
  --dj-shadow-lg: 0 30px 70px rgba(5, 13, 26, 0.18);
  --dj-font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --dj-font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --dj-container: 1200px;
  --dj-transition: 220ms ease;
}