/* Riktning A, V3, palett Bläck och violett: tokens ur design-studio/site/v4-1/assets/a.css */
@font-face { font-family: "archivo"; src: url("/f/Archivo-var.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
:root { color-scheme: light; --bg: #FFFFFF; --ink: #0B0D11; --ink2: #3D434B; --ink3: #626973; --rule: #D8DCE5; --sig: #7243A9; --rorelse: #1F56D6; }
@media (prefers-color-scheme: dark) { :root { color-scheme: dark; --bg: #0C0E12; --ink: #EFF2F8; --ink2: #B8BDCC; --ink3: #8E95A3; --rule: #2A2F36; --sig: #CFAFFF; --rorelse: #7FA8FF; } }
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--ink); -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; font: 400 1rem/1.55 "archivo", system-ui, sans-serif; }
main { max-width: 40rem; padding: 3rem 1.5rem; }
a { color: inherit; text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: var(--sig); }
:focus-visible { outline: 2px solid var(--rorelse); outline-offset: 2px; }
.brand { font: 700 1.125rem/1 "archivo", system-ui, sans-serif; font-stretch: 118%; letter-spacing: -.01em; margin: 0 0 2.5rem; color: var(--sig); }
h1 { font: 600 clamp(2.5rem, 8vw, 3.375rem)/1.0 "archivo", system-ui, sans-serif; font-stretch: 112%; letter-spacing: -.025em; margin: 0; text-wrap: balance; }
.lead { font-size: 1.1875rem; line-height: 1.5; color: var(--ink2); max-width: 44ch; margin: 1.25rem 0 1.5rem; }
p { color: var(--ink2); }
.kontakt { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid var(--rule); font-size: .875rem; color: var(--ink3); }