/* ============================================================ global.css — shared base styles (brand chrome + typography) Depends on tokens.css. Loaded by standalone pages (privacy, terms, and other simple pages) that ship no base layer of their own; tokens.css only defines variables, so without this the falls back to unstyled browser defaults. ============================================================ */ *, *::before, *::after { box-sizing: border-box; } /* Aliases some pages reference with the short (un-prefixed) names */ :root { --text-muted: var(--color-text-muted); --text-secondary: var(--color-text-secondary); } html { -webkit-text-size-adjust: 100%; } body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); font-size: var(--text-base); line-height: var(--leading-normal); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); color: var(--color-text); line-height: var(--leading-tight); font-weight: var(--weight-bold); } a { color: var(--color-accent); text-decoration: none; } a:hover { color: var(--color-accent-hover); text-decoration: underline; } strong, b { color: var(--color-text); font-weight: var(--weight-semibold); } img { max-width: 100%; height: auto; } hr { border: 0; border-top: 1px solid var(--color-border); margin: var(--space-8) 0; } ::selection { background: var(--color-accent); color: var(--color-bg); }