/* Base Styles */
body {
  font-family: var(--font-family-sans);
  color: var(--color-text);
  background-color: var(--color-bg);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
}

h1 { font-size: var(--font-size-4xl); margin-bottom: var(--space-6); }
h2 { font-size: var(--font-size-3xl); margin-bottom: var(--space-5); }
h3 { font-size: var(--font-size-2xl); margin-bottom: var(--space-4); }

p {
  margin-bottom: var(--space-4);
}

/* Accessibility: Focus Visible */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--color-primary-dark);
  outline-offset: 2px;
}

/* Selection Color */
::selection {
  background-color: var(--color-primary);
  color: white;
}

/* Accessibility: Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}