/* Premium Design System Variables */
:root {
  /* Color Palette */
  --primary: #123540;
  --primary-hover: #0c252d;
  --primary-light: rgba(18, 53, 64, 0.1);
  
  --secondary: #1E293B;
  --accent: #22C55E;
  --warning: #F59E0B;
  --danger: #EF4444;
  
  /* Backgrounds */
  --bg-light: #F8FAFC;
  --bg-white: #FFFFFF;
  --bg-dark: #0F172A;
  
  /* Typography */
  --text-main: #334155;
  --text-muted: #64748B;
  --text-light: #F8FAFC;
  
  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(255, 255, 255, 0.3);
  --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
  
  /* Borders & Shadows */
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 20px;
  --border-radius-pill: 50px;
  
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}

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