src/index.css

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-headline: "Manrope", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* Precision Monolith Palette */
  --color-primary: #b70015;
  --color-primary-container: #e01e26;
  --color-secondary: #fd9923;
  --color-surface: #fbf9f9;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f5f3f3;
  --color-surface-container: #efeded;
  --color-surface-container-high: #e9e8e7;
  --color-surface-container-highest: #e3e2e2;
  --color-on-surface: #1b1c1c;
  --color-on-surface-variant: #5d3f3c;
  --color-outline-variant: rgba(231, 189, 184, 0.15);
  --color-tertiary: #5a5a59;

  --shadow-ambient: 0 20px 40px rgba(27, 28, 28, 0.06);

  --radius-sm: 0.125rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 1rem;
}

@layer base {
  body {
    @apply bg-surface text-on-surface font-sans antialiased;
  }
}

@layer components {
  .glass-panel {
    @apply bg-white/80 backdrop-blur-[20px] border-b border-surface-container-highest/20;
  }

  .primary-gradient {
    @apply bg-linear-to-br from-primary to-primary-container;
  }
}