/* ============================================================
   A. Henriques Design System — Global Entry Point
   Import this single file in any consuming project.
   ============================================================ */

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

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

body {
  margin: 0;
  font: var(--font-body);
  color: var(--text-body);
  background: var(--surface-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  color: var(--text-heading);
  font-family: var(--font-sans);
  font-weight: var(--fw-medium);
}

p { margin: 0; }

a {
  color: var(--text-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}
a:hover { color: var(--text-link-hover); }

code, pre {
  font: var(--font-mono);
  background: var(--surface-subtle);
  border-radius: var(--radius-sm);
}

code { padding: 1px 4px; }

pre {
  padding: var(--pad-md);
  overflow-x: auto;
}

input, select, textarea, button {
  font-family: var(--font-sans);
  font-size: var(--text-base);
}

img, svg { display: block; max-width: 100%; }

table { border-collapse: collapse; width: 100%; }