:root {
  color-scheme: light;
  --font-body: 'Trebuchet MS', 'Gill Sans', 'Candara', 'Segoe UI', sans-serif;
  --font-display: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', serif;
  font-family: var(--font-body);
  --page-bg: #ffffff;
  --page-bg-accent: #ffffff;
  --shell-bg: #ffffff;
  --panel-bg: #ffffff;
  --header-bg: #ffffff;
  --header-text: #111827;
  --muted-text: #6b7280;
  --border-color: #e5e7eb;
  --shell-border: #e5e7eb;
  --panel-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
  --accent: #2563eb;
  --accent-strong: #1d4ed8;
  --pill-bg: #f3f4f6;
  --pill-border: #e5e7eb;
  --cosmic-black: #0b0f14;
  --header-height: 80px;
  --nav-height: 64px;
  --footer-height: 72px;
}

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 #f1f5f9;
}

body {
  margin: 0;
  color: var(--header-text);
  background-color: var(--page-bg);
  background-image: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Scrollbar styling - always visible with subtle colors */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 4px;
  border: 2px solid #f1f5f9;
}

::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}