/* Felles designvariabler – alle sider
 * Brekkpunkter (synk med js/responsive.js og *-mobile.css): 900px, 480px
 * Landing: landing-mobile.css
 */
:root {
  --bp-mobile: 900px;
  --bp-small: 480px;

  --bg: #ece8e1;
  --paper: #fffcf7;
  --ink: #1c1917;
  --muted: #57534e;
  --accent: #1a4d6d;
  --accent-dark: #123549;
  --accent-soft: #dce8f0;
  --gold: #b8860b;
  --border: #d6d0c4;
  --shadow: 0 4px 24px rgba(28, 25, 23, 0.08);
  --nav-width: 300px;
  --top-height: 3.25rem;
  --content-max: 40rem;
  --font-serif: "Source Serif 4", "Georgia", serif;
  --font-sans: "Source Sans 3", system-ui, sans-serif;
  --touch-min: 44px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}