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

:root {
  /* Colors - Blue, White, Green Request */
  --c-blue-50: #eff6ff;
  --c-blue-100: #dbeafe;
  --c-blue-500: #3b82f6;
  --c-blue-600: #2563eb; /* Primary Blue */
  --c-blue-700: #1d4ed8;
  --c-blue-900: #1e3a8a;

  --c-green-50: #ecfdf5;
  --c-green-100: #d1fae5;
  --c-green-500: #10b981; /* Secondary Green */
  --c-green-600: #059669;
  --c-green-700: #047857;

  --c-white: #ffffff;
  --c-slate-50: #f8fafc;
  --c-slate-100: #f1f5f9;
  --c-slate-200: #e2e8f0;
  --c-slate-300: #cbd5e1;
  --c-slate-400: #94a3b8;
  --c-slate-500: #64748b;
  --c-slate-600: #475569;
  --c-slate-700: #334155;
  --c-slate-800: #1e293b;
  --c-slate-900: #0f172a;

  /* Semantic Colors */
  --c-primary: var(--c-blue-600);
  --c-primary-hover: var(--c-blue-700);
  --c-secondary: var(--c-green-500);
  --c-secondary-hover: var(--c-green-600);
  --c-bg: var(--c-slate-50);
  --c-surface: var(--c-white);
  --c-text: var(--c-slate-800);
  --c-text-muted: #64748b;
  --c-border: var(--c-slate-200);

  /* Typography */
  --font-sans: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-heading: 'Outfit', system-ui, -apple-system, sans-serif;
  
  /* Shadows - Premium feel */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.05), 0 8px 10px -6px rgb(0 0 0 / 0.05);
  
  /* Radii - Glassmorphism & modern curves */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.15s ease-in-out;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}