/**
 * Base styles - Variables, reset, typography
 * Figma design: eBird Academy Admin Dashboard
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:wght@400;700&display=swap');

:root {
  --sidebar-bg: linear-gradient(90deg, #1560D9 0%, #072E6D 100%);
  --sidebar-active-bg: #ffffff;
  --sidebar-active-text: #16325E;
  --primary: #145ED6;
  --primary-dark: #072E6D;
  --text-dark: #000000;
  --text-muted: rgba(0, 0, 0, 0.5);
  --bg-main: #EDEDED;
  --card-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  --card-border: 1px rgba(0, 0, 0, 0.2) solid;
  --border: #e0e0e0;
  --white: #ffffff;
  --success: #28a745;
  --admin-accent: #043584;
}

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

body {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: var(--bg-main);
  color: var(--text-dark);
  line-height: 1.5;
  min-height: 100vh;
}

.app {
  display: flex;
  min-height: 100vh;
}