:root {
  --accent: #0EA5E9;
  --accent-hover: #0284C7;
  --accent-light: #E0F2FE;
  --accent-muted: #BAE6FD;
  --accent-glow: rgba(14, 165, 233, 0.25);
  --accent-gradient: linear-gradient(135deg, #0EA5E9, #2563EB);
  --accent-gradient-soft: linear-gradient(135deg, #0EA5E9, #38BDF8);
  --accent-ring: rgba(14, 165, 233, 0.4);
  --bg-primary: #F8FAFC;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #F1F5F9;
  --bg-hover: #F1F5F9;
  --bg-input: #FFFFFF;
  --text-primary: #1E293B;
  --text-secondary: #64748B;
  --text-tertiary: #94A3B8;
  --text-muted: #94A3B8;
  --border: #E2E8F0;
  --border-hover: #CBD5E1;
  --border-light: #F1F5F9;
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.05);
  --shadow-xl: 0 20px 25px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.04);
  --shadow-accent: 0 4px 14px rgba(14, 165, 233, 0.25);
  --shadow-glow-accent: 0 0 20px rgba(14, 165, 233, 0.35);
  --shadow-danger: 0 4px 14px rgba(239, 68, 68, 0.25);
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-2xl: 20px;
  --radius-full: 9999px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --success: #10B981;
  --success-light: #D1FAE5;
  --warning: #F59E0B;
  --warning-light: #FEF3C7;
  --danger: #EF4444;
  --danger-light: #FEE2E2;
  --info: #3B82F6;
  --info-light: #DBEAFE;
  --glass-bg: rgba(255,255,255,0.7);
  --glass-border: rgba(255,255,255,0.3);
  --glass-blur: blur(12px);
  --overlay-bg: rgba(0,0,0,0.5);
  --overlay-blur: blur(8px);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  /* Surface variables for toast/modal components */
  --surface-bg: #FFFFFF;
  --surface-bg-raised: #FFFFFF;
  --surface-border: #E2E8F0;
  --dark-border: #334155;
  --dark-surface: #1E293B;
}