/* colophon docs — same digital-paper tokens as colophon.blog: warm broadsheet stock and
   warm ink by default, the press night palette in dark mode. Chrome inherits from press. */
@import url("base.css");
@import url("vendor/fonts.css");

:root {
  --bg: #f7f4ec; --surface: #fffdf7; --elevated: #f0ecdf; --border: #e3ddcc;
  --text: #211e19; --muted: #4c483f; --faint: #55524a; /* muted/faint >= 7:1 for WCAG AAA (1.4.6) */
  --accent: #6a4bff; --accent-2: #e9609f; --on-accent: #ffffff;
  --link: #4630c8; /* accent-as-text >= 7:1 on the paper stock */
  --accent-soft: rgba(106, 75, 255, 0.09);
  --glow-1: rgba(106, 75, 255, 0.16); --glow-2: rgba(233, 96, 159, 0.10);
  --serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --sans: 'Inter', system-ui, -apple-system, sans-serif;
  --maxw: 720px;
}
html[data-theme="dark"] {
  --bg: #08080b; --surface: #0e0e13; --elevated: #16161d; --border: #23232e;
  --text: #ededf1; --muted: #b2b2bc; --faint: #aaaab4;
  --accent: #a594ff; --accent-2: #ff9ec9; --on-accent: #0b0b10;
  --link: #b9aaff;
  --accent-soft: rgba(165, 148, 255, 0.13);
  --glow-1: rgba(165, 148, 255, 0.34); --glow-2: rgba(255, 158, 201, 0.20);
}

/* press's signature ink-reveal, kept for the docs home heading */
.ink { filter: url(#colo-goo); display: inline-block; }
.home-hero h1 { animation: ink-form 1.3s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.home-hero h1::before { content: ""; position: absolute; left: 50%; top: 55%; width: 55%; height: 80%;
  transform: translate(-50%, -50%); border-radius: 50%; background: var(--accent); filter: blur(22px);
  z-index: -1; animation: ink-blob 1.3s ease-out both; }
@keyframes ink-form { 0% { opacity: 0; filter: blur(16px); letter-spacing: 0.14em; transform: scale(0.97); }
  55% { opacity: 1; } 100% { opacity: 1; filter: blur(0); letter-spacing: -0.03em; transform: none; } }
@keyframes ink-blob { 0% { opacity: 0.55; transform: translate(-50%, -50%) scale(1.35); }
  65% { opacity: 0.22; } 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.5); } }