:root {
  --color-bg: #edf2fb;
  --color-text: #001f54;

  --sidebar-bg: #06367A;
  --sidebar-hover: #062E64;
  --sidebar-text: #ffffff;
  --sidebar-active: #062E64;
  --sidebar-text-active: #fff;

  --logout-bg: #ff5555;

  --login-bg: #ffffff;
  --login-border: #ddd;

  --btn-bg: #001f54;
  --btn-hover: #062E64;
  --btn-text: #ffffff;

  --glass-bg: rgba(255, 255, 255, 0.2); 
  --glass-border: rgba(255, 255, 255, 0.3);
  --glass-blur: 12px;
}

body {
  margin: 0;
  font-family: "Segoe UI", Tahoma, sans-serif;
  background-color: var(--color-bg);
  /* background: linear-gradient(120deg, #ade8f4 0%, #caf0f8 100%); */
  color: var(--color-text);
  min-height: 100vh;
}

.error {
  color: red;
  font-size: 0.9em;
}