/* Global Styles — imports tokens, sets base resets only.
   Feature styles belong in their module folders. */

@import './tokens.css';

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-base);
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.6;
}

img { max-width: 100%; display: block; }
a { color: var(--color-primary-light); }
a:hover { color: var(--color-primary); }

/* Focus indicator — WCAG 2.4.7 Focus Visible (AA)
   :focus-visible targets keyboard focus only; suppresses ring on mouse click. */
:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: 3px;
}