/* Brand tokens — Light Premium Scandinavian */
:root {
  --bg: #f7f5f0;
  --bg-warm: #f3f0e8;
  --surface: #ffffff;
  --surface-alt: #eef1ec;
  --text: #1c2420;
  --text-soft: #2a3530;
  --muted: #5c6b63;
  --primary: #2f5d45;
  --primary-hover: #244a37;
  --accent: #7a9a82;
  --accent-soft: #c5d4c8;
  --solar: #d4a84b;
  --solar-soft: #f0e2c0;
  --border: #d8ddd6;
  --border-strong: #b8c2ba;
  --focus: #2f5d45;
  --danger: #8b3a3a;
  --success: #2f5d45;
  --shadow-sm: 0 1px 2px rgba(28, 36, 32, 0.04), 0 4px 12px rgba(28, 36, 32, 0.04);
  --shadow-md: 0 8px 28px rgba(28, 36, 32, 0.08);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --container: 1240px;
  --section-space: clamp(4rem, 8vw, 7rem);
  --header-h: 76px;
  --font-display: "Manrope", "Segoe UI", sans-serif;
  --font-body: "DM Sans", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --mq-opacity: 0.12;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: local("Manrope");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: local("DM Sans");
}