/* Minimal enhancements on top of Tailwind for the Ivy-like aesthetic */
:root {
  --brand-primary: #111827; /* near black */
  --brand-secondary: #6b7280; /* gray-500 */
  --brand-surface: #f9fafb; /* off-white */
}

:root.dark {
  --brand-primary: #f9fafb; /* light text */
  --brand-secondary: #9ca3af; /* gray-400 */
  --brand-surface: #111827; /* dark background */
}

html { color-scheme: light; }
html.dark { color-scheme: dark; }

/***** Accessibility *****/
:focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
}

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

/***** Custom utility classes *****/
.bg-surface { background-color: var(--brand-surface); }
.text-primary { color: var(--brand-primary); }
.text-secondary { color: var(--brand-secondary); }