/* The holding site (D-173): Colombiafy's stone tokens, system fonts (no third-party requests). */
:root { --bg: #ffffff; --ink: #1f1e1c; --muted: #625d57; --line: #e8e5e1; --accent: #a3245a; }
@media (prefers-color-scheme: dark) { :root { --bg: #1f1e1c; --ink: #f6f5f2; --muted: #d8d3cc; --line: #3a3632; --accent: #f08ab4; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
main { max-width: 640px; margin: 0 auto; padding: 56px 20px 64px; }
.brand { display: flex; align-items: center; gap: 12px; margin-bottom: 40px; }
.brand img.mark { width: 44px; height: 44px; }
.brand img.word { height: 22px; width: auto; }
@media (prefers-color-scheme: dark) { .brand img.word { filter: invert(1) brightness(1.8); } }
h1, .title { font-size: 30px; line-height: 1.2; margin: 0 0 12px; text-wrap: balance; }
h2:not(.title), h3 { font-size: 19px; margin: 32px 0 6px; }
p { margin: 0 0 14px; }
.muted { color: var(--muted); }
section + section { border-top: 1px solid var(--line); margin-top: 40px; padding-top: 32px; }
pre { background: color-mix(in srgb, var(--line) 60%, transparent); padding: 12px 14px; border-radius: 8px; overflow-x: auto; font: 15px/1.5 ui-monospace, 'SF Mono', Menlo, monospace; }
a { color: var(--accent); text-underline-offset: 2px; }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; border-radius: 2px; }
footer { margin-top: 48px; font-size: 15px; color: var(--muted); }