/* ALO BETO — base resets & primitive element styles.
   Minimal; the system is white paper + ink line. No pure black. */

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

body {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-primary);
  font-family: var(--font-human);
  font-weight: var(--weight-light);
  font-size: var(--type-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-structural);
  color: var(--text-primary);
  margin: 0;
}

a {
  color: var(--link);
  text-decoration: none;
  transition: color 120ms ease;
}
a:hover {
  color: var(--link-hover);
}

::selection {
  background: var(--signal);
  color: var(--ink-line);
}

/* ── Shared brand utilities ───────────────────────────────────── */

/* Eyebrow / section label: Space Grotesk 700, uppercase, tracked, 2px yellow left border */
.alo-eyebrow {
  font-family: var(--font-structural);
  font-weight: var(--weight-bold);
  font-size: var(--type-eyebrow);
  letter-spacing: var(--track-eyebrow);
  text-transform: uppercase;
  color: var(--ink-line);
  padding-left: var(--space-3);
  border-left: var(--eyebrow-border);
  line-height: 1;
}

/* The "+" collaboration glyph */
.alo-plus {
  color: var(--signal);
  font-family: var(--font-structural);
  font-weight: var(--weight-bold);
}

/* Parenthetical word-intervention, e.g. AU(R)TISTA */
.alo-paren {
  color: var(--signal);
}