@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Dancing+Script:wght@700&display=swap');
:root {
  --bg: #f5f5f5;
  --sidebar-bg: #ffffff;
  --sidebar-text: #64748b;
  --sidebar-active: #111827;
  --card-bg: #ffffff;
  --card-glass: #ffffff;
  --text: #111827;
  --text-muted: #6b7280;
  --border: #e5e7eb;
  --primary: #111827;
  --primary-hover: #374151;
  --primary-gradient: #111827;
  --success: #10b981;
  --success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --warning: #f59e0b;
  --warning-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  --danger: #ef4444;
  --danger-gradient: linear-gradient(135deg, #f87171 0%, #ef4444 100%);
  --critical: #8b5cf6;
  --critical-gradient: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 16px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06);
  --shadow-glow: 0 0 0 3px rgba(17, 24, 39, 0.08);
}

.logo-wordmark { font-family: 'Dancing Script', cursive; font-size: 36px; font-weight: 700; color: #111827; line-height: 1; white-space: nowrap; letter-spacing: -0.5px; }