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

:root {
  /* NAVBAR */
  --blue-dark: #1E4596;
  --blue-light: #128CCC;
  --text-light: #ffffff;
  --text-dark: #333333;

  /* TOGGLE (CRITICAL) */
  --toggleHeight: 16em;
  --toggleWidth: 30em;
  --toggleBtnRadius: 10em;

  --bgColor--night: #423966;
  --bgColor--day: #FFBF71;
  --mooncolor: #D9FBFF;
}


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

body {
  font-family: 'Segoe UI Variable', sans-serif;
  background-color: var(--bg);
  color: var(--text);
  transition: 0.3s ease;
}

.dashboard-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.dashboard-body {
  display: flex;
  flex: 1;
  background: var(--bg);
}

.sidebar {
  width: 260px;
  background: #ffffff;
  border-right: 1px solid rgba(0,0,0,0.08);
  padding: 24px 16px;
}

.dashboard-content {
  flex: 1;
  padding: 32px;
  overflow-y: auto;
}