/* ============================================================
   DR. ANDRÉ H. RAPOSO — SITE STYLESHEET
   Base reset + design tokens shared by every page.
   Page-specific rules live in index.css / quadril.css.
   ============================================================ */

@import './fonts.css';
@import './tokens/colors.css';
@import './tokens/typography.css';
@import './tokens/spacing.css';
@import './tokens/shadows.css';

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--surface-bg);
  font-family: var(--font-body);
  color: var(--text-body);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
::selection { background: rgba(173, 194, 101, .25); }

.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 40px;
}