@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");
@import "tailwindcss";

:root {
  --blue: #1A73E8;
  --blue-dark: #1557B0;
  --blue-light: #EBF3FF;
  --green: #34A853;
  --green-light: #D1FAE5;
  --amber: #F59E0B;
  --amber-light: #FEF3C7;
  --red: #E53935;
  --red-light: #FEE2E2;
  --text: #111827;
  --text-muted: #6B7280;
  --text-hint: #9CA3AF;
  --border: #E5E7EB;
  --surface: #F9FAFB;
  --white: #fff;
  --sidebar: 230px;
  --radius: 10px;
  --radius-sm: 7px;
  --font: 'Plus Jakarta Sans', sans-serif;
  --mono: 'IBM Plex Mono', monospace;
  --background: #ECEEF2;
  --foreground: #111827;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 14px; }
body {
  margin: 0;
  min-height: 100vh;
  background: #ECEEF2;
  color: var(--foreground);
  font-family: var(--font);
}