/* Sweetspot: farger, skrift og radius for sidene i site/.
   Kopiert fra :root i design/landingsside-retninger/felles.css (retning A), som Markus valgte 31. oktober 2026
   (PLAN_ADMIN.md, «Avgjort 31. oktober»). Endres der først, så her. */
:root {
  --sky: #0593C6;        /* Sky Blue, the system: lines, paths, links on dark */
  --sky-deep: #046E96;   /* behind small white text, 5.7:1 */
  --sky-ink: #04729B;    /* sky as small text on white, 5.4:1 */
  --sky-tint: #E7F5FB;
  --white: #FCFFFF;      /* White, the content */
  --ink: #08202C;        /* text on white, 16.7:1 */
  --ink-2: #3C5A6B;      /* secondary text on white, 7.3:1 */
  --line: rgba(8, 32, 44, 0.12);
  --pink: #D83995;       /* Hot Pink, the one accent. White on pink 4.2:1, so button text is bold 19 px */
  --pink-press: #C42D85;
  --error: #B3261E;
  --font: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius: 18px;
  --gutter-l: max(16px, env(safe-area-inset-left, 0px));
  --gutter-r: max(16px, env(safe-area-inset-right, 0px));
  color-scheme: light;
}