:root {
  --background: oklch(0 0 0);
  --foreground: oklch(1.0000 0 0);
  --card: oklch(0.0500 0 0);
  --card-foreground: oklch(1.0000 0 0);
  --popover: oklch(0.0500 0 0);
  --popover-foreground: oklch(1.0000 0 0);
  --primary: oklch(1.0000 0 0);
  --primary-foreground: oklch(0 0 0);
  --secondary: oklch(0.1500 0 0);
  --secondary-foreground: oklch(1.0000 0 0);
  --muted: oklch(0.1500 0 0);
  --muted-foreground: oklch(0.6500 0 0);
  --accent: oklch(0.9500 0 0);
  --accent-foreground: oklch(0 0 0);
  --destructive: oklch(0.5830 0.2387 28.4765);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.1500 0 0);
  --input: oklch(0.1500 0 0);
  --ring: oklch(1.0000 0 0);
  --chart-1: oklch(1.0000 0 0);
  --chart-2: oklch(0.8500 0 0);
  --chart-3: oklch(0.7000 0 0);
  --chart-4: oklch(0.5500 0 0);
  --chart-5: oklch(0.4000 0 0);
  --sidebar: oklch(0.0200 0 0);
  --sidebar-foreground: oklch(1.0000 0 0);
  --sidebar-primary: oklch(1.0000 0 0);
  --sidebar-primary-foreground: oklch(0 0 0);
  --sidebar-accent: oklch(0.1500 0 0);
  --sidebar-accent-foreground: oklch(1.0000 0 0);
  --sidebar-border: oklch(0.1500 0 0);
  --sidebar-ring: oklch(1.0000 0 0);
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Merriweather', Georgia, serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  --radius: 0rem;
  --shadow-2xs: 0px 0px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-xs: 0px 0px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-sm: 0px 0px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow: 0px 0px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-md: 0px 0px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-lg: 0px 0px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-xl: 0px 0px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-2xl: 0px 0px 0px 0px hsl(0 0% 0% / 0.00);
  --tracking-normal: 0em;
  --spacing: 0.25rem;

  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
}

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Merriweather:wght@400;700&display=swap');

/* Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-sans) !important;
  background-color: oklch(var(--background)) !important;
  color: oklch(var(--foreground)) !important;
  line-height: 1.6 !important;
  letter-spacing: var(--tracking-normal) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

h1 {
  font-size: 3.5rem !important;
  font-weight: 800 !important;
}

h2 {
  font-size: 2.5rem !important;
}

h3 {
  font-size: 1.875rem !important;
}

p {
  line-height: 1.8 !important;
  font-weight: 400 !important;
}