/* ============================================================
   BASE — light resets + brand defaults for specimen/kit pages.
   Kept minimal; consumers still get tokens even without this.
   ============================================================ */
:root {
  color-scheme: light;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */
}

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

a { color: var(--text-link); text-decoration: none; }
a:hover { color: var(--text-link-hover); text-decoration: underline; }

::selection { background: var(--red-100); color: var(--red-700); }

h1, h2, h3, h4 {
  font-family: var(--font-display);
  color: var(--text-strong);
  font-weight: var(--fw-semibold);
  margin: 0;
}