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

:root {
  --primary: #2563EB;
  --primary-dark: #1D4ED8;
  --primary-light: #EFF6FF;
  --accent: #10B981;
  --accent-dark: #059669;
  --danger: #EF4444;
  --warning: #F59E0B;
  --success: #10B981;
  --info: #3B82F6;
  --bg-primary: #FFFFFF;
  --bg-secondary: #F8FAFC;
  --bg-tertiary: #F1F5F9;
  --bg-sidebar: #1E293B;
  --bg-sidebar-hover: #334155;
  --text-primary: #0F172A;
  --text-secondary: #64748B;
  --text-muted: #94A3B8;
  --text-sidebar: #CBD5E1;
  --text-sidebar-active: #FFFFFF;
  --border: #E2E8F0;
  --border-focus: #2563EB;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.1);
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --sidebar-width: 240px;
  --transition: 150ms ease;
}

.admin-mode {
  --bg-primary: #111111;
  --bg-secondary: #1A1A1A;
  --bg-tertiary: #0D0D0D;
  --bg-sidebar: #0A0A0A;
  --bg-sidebar-hover: #1F1F1F;
  --text-primary: #F1F1F1;
  --text-secondary: #A0A0A0;
  --border: #2A2A2A;
  --admin-accent: #FF6B35;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: var(--border);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--text-muted);
}

a, button, input, textarea, select {
  transition: all var(--transition);
}
a {
  text-decoration: none;
  color: var(--primary);
}