@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  /* Sano State: teal #008499, supporting blues & warm neutrals */
  --background: 198 38% 94%;
  --foreground: 200 28% 16%;
  --card: 198 45% 98%;
  --card-foreground: 200 28% 16%;
  --primary: 188 100% 30%;
  --primary-foreground: 0 0% 100%;
  --secondary: 197 42% 88%;
  --secondary-foreground: 200 25% 22%;
  --muted: 197 32% 90%;
  --muted-foreground: 200 14% 40%;
  --accent: 188 50% 90%;
  --accent-foreground: 188 90% 22%;
  --border: 197 28% 82%;
  --input: 197 28% 82%;
  --ring: 188 100% 30%;
  --radius: 0.85rem;
  --success: 152 45% 40%;
  --warning: 32 90% 48%;
  --finance: 188 95% 32%;
  --approval: 0 72% 52%;
}

body {
  @apply bg-background text-foreground antialiased;
}