@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Modern white theme with subtle red accents - extracted from globals.css */
:root {
  --background: 99% 0 0; /* oklch(0.99 0 0) approx */
  --foreground: 15% 0 0;
  --card: 100% 0 0; 
  --card-foreground: 15% 0 0;
  --popover: 100% 0 0;
  --popover-foreground: 15% 0 0;
  --primary: 0.58 0.22 25; /* oklch */
  --primary-foreground: 100% 0 0;
  --secondary: 97% 0 0;
  --secondary-foreground: 25% 0 0;
  --muted: 96% 0 0;
  --muted-foreground: 50% 0 0;
  --accent: 97% 0.01 25;
  --accent-foreground: 58% 0.22 25;
  --destructive: 58% 0.22 25;
  --destructive-foreground: 100% 0 0;
  --border: 92% 0 0;
  --input: 97% 0 0;
  --ring: 58% 0.22 25;
  --radius: 1rem;
}

body {
    background-color: oklch(0.99 0 0);
    color: oklch(0.15 0 0);
    font-family: 'Inter', sans-serif;
}

/* Utilities for oklch support if needed, but Tailwind CDN handles arbitrary values well */