:root {
  color-scheme: light;
  --font-family: "Segoe UI", Arial, sans-serif;
  --color-primary: #0a2d75;
  --color-primary-hover: #061f52;
  --color-accent: #1d7ae6;
  --color-accent-hover: #155fc2;
  --color-white: #ffffff;
  --color-black: #111111;
  --color-background: #f5f8fc;
  --color-surface: #ffffff;
  --color-text: #171b24;
  --color-text-muted: #5f6b7a;
  --color-border: #dce4ef;
  --color-success: #198754;
  --color-warning: #c98208;
  --color-danger: #c93636;
  --color-info: #267e9d;
}

html {
  scroll-behavior: smooth;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(29, 122, 230, 0.9) rgba(15, 39, 94, 0.12);
}

*::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

*::-webkit-scrollbar-track {
  background: rgba(15, 39, 94, 0.08);
}

*::-webkit-scrollbar-thumb {
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  background: linear-gradient(180deg, #68aaf6 0%, #1d7ae6 50%, #0a2d75 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}