/* ============================================================
   Shared base for oxton.net — design tokens plus the few page
   defaults every page wants. This file is a convenience the
   agent maintains, not a template: essays bring their own
   bespoke CSS on top of it.
   ============================================================ */

@import "tokens/colors.css";
@import "tokens/fonts.css";
@import "tokens/typography.css";
@import "tokens/spacing.css";

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

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-on-cream);
  font: var(--text-body);
}

img,
video {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--accent-primary);
  text-decoration-color: transparent;
  text-underline-offset: 0.15em;
  transition: color var(--duration-fast) var(--ease-brand),
    text-decoration-color var(--duration-fast) var(--ease-brand);
}

a:hover,
a:focus-visible {
  color: var(--accent-primary-deep);
  text-decoration-color: currentColor;
}

::selection {
  background: var(--green-sage);
  color: var(--ink);
}