/* Designvariabler og brekkpunkter */
:root {
  --bp-tablet: 900px;
  --bp-mobile: 480px;

  --bg: #f4f1eb;
  --paper: #fffcf7;
  --ink: #123549;
  --ink-soft: #2a5570;
  --muted: #5c6b78;
  --teal: #1a9a8f;
  --teal-soft: #d9f0ee;
  --teal-glow: rgba(26, 154, 143, 0.14);
  --navy: #123549;
  --navy-deep: #0c2838;
  --border: rgba(18, 53, 73, 0.12);
  --shadow: 0 18px 50px rgba(18, 53, 73, 0.1);
  --radius: 18px;
  --font-sans: "DM Sans", system-ui, sans-serif;
  --font-display: "DM Serif Display", Georgia, serif;
  --touch-min: 2.75rem;
  --header-height: 3.5rem;
  --content-max: 72rem;
  --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);
}