/* privatavtal.se – designtokens
   Bygger på Leiflines designspråk (studerat renderat 29 sep 2026),
   anpassat för en avtalstjänst. Ägs av session 2. */

@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/newsreader-latin-300-normal.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 300; font-display: swap; src: url("../fonts/newsreader-latin-300-italic.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/newsreader-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/archivo-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/archivo-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/archivo-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2"); }

:root {
  /* Färg */
  --ink: #0B1420;
  --ink-2: #1A2433;
  --paper: #F5F2EB;
  --paper-2: #EEEAE1;
  --paper-3: #E7E2D8;
  --surface: #FFFDF8;
  --line: #D8D2C6;
  --line-strong: #C9C2B4;
  --text: #0B1420;
  --text-2: #57534A;
  --text-3: #6F6A5F;              /* mörkare än Leiflines #8A8579 för kontrast */
  --on-ink: #F5F2EB;
  --on-ink-2: rgba(245, 242, 235, .72);
  --on-ink-line: rgba(245, 242, 235, .18);
  --accent: #C8102E;              /* detalj: logopunkt, markörer. Inte huvudknapp. */
  --accent-hover: #A50D26;
  --ok: #2F7A4B;
  --error: #B00020;
  --error-bg: #FBEDEE;
  --focus: #1F5FBF;

  /* Typsnitt */
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-ui: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* Storlekar – flytande mellan 375 och 1240 px */
  --fs-h1: clamp(2.25rem, 1.6rem + 2.8vw, 3.5rem);
  --fs-h2: clamp(1.6875rem, 1.4rem + 1.2vw, 2.25rem);
  --fs-h3: 1.375rem;
  --fs-lead: 1.0625rem;
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-label: .8125rem;
  --fs-eyebrow: .6875rem;
  --tr-display: -.02em;
  --tr-label: .14em;
  --tr-eyebrow: .2em;
  --lh-tight: 1.05;
  --lh-heading: 1.18;
  --lh-body: 1.6;

  /* Avstånd */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 92px;
  --container: 1240px;
  --measure: 68ch;
  --gutter: clamp(18px, 4vw, 24px);
  --section-y: clamp(64px, 8vw, 92px);

  /* Form */
  --radius: 0;
  --border: 1px solid var(--line);
  --border-strong: 1px solid var(--line-strong);
  --tap: 48px;

  /* Rörelse */
  --dur-fast: 120ms;
  --dur: 180ms;
  --ease: cubic-bezier(.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur: 0ms; }
}