/* Shared tokens and page foundations for the Writings archive and reader. */
/* Page-specific layout lives in archive.css and piece.css. */

* {
  box-sizing: border-box;
}

:root {
  color-scheme: dark;
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-size: 16px;
  --ground: #11111b;
  --panel: #1e1e2e;
  --panel-raised: #181825;
  --line: #313244;
  --ink: #cdd6f4;
  --dim: #a6adc8;
  --faint: #6c7086;
  --signal: #cba6f7;
  --cool: #89b4fa;
}

body {
  margin: 0;
  background: var(--ground);
  color: var(--ink);
}

a {
  color: inherit;
}

button,
input {
  font: inherit;
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 1px solid var(--signal);
  outline-offset: 3px;
}

.page {
  min-height: 100vh;
  padding: clamp(1.25rem, 3vw, 3rem) clamp(1rem, 4vw, 4.5rem) 4rem;
}

.home-link,
.archive-link {
  color: var(--dim);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.home-link:hover,
.archive-link:hover {
  color: var(--ink);
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
  }
}