/* GENERERET FIL - redigér design/tokens.json og kør `just tokens`. */
:root {
  --color-bg: #F3EFE8;
  --color-surface: #FFFDFA;
  --color-surface-muted: #FBF9F5;
  --color-surface-sunken: #EFEAE1;
  --color-surface-hover: #F4F0E8;
  --color-chip: #F0EAE0;
  --color-nav-hover: #EAE4DA;
  --color-border: #E6E0D6;
  --color-border-strong: #DCD4C8;
  --color-border-dashed: #D9D0C1;
  --color-border-hover: #C9BFAF;
  --color-text: #2E2A26;
  --color-text-secondary: #4A453F;
  --color-text-muted: #6B6359;
  --color-text-faint: #8A8175;
  --color-text-placeholder: #A79C8E;
  --color-primary: #3F5D4A;
  --color-primary-hover: #35513F;
  --color-primary-strong: #2F4738;
  --color-primary-contrast: #F7F3EC;
  --color-primary-contrast-muted: #D5E0D8;
  --color-primary-soft: #E7EEE9;
  --color-primary-mid: #8FAE99;
  --color-accent: #8C5A34;
  --color-accent-hover: #77491F;
  --color-accent-strong: #6E4425;
  --color-accent-mid: #C98A4B;
  --color-accent-soft: #F8EFE4;
  --color-accent-border: #EBDBC9;
  --color-success: #3F5D4A;
  --color-success-soft: #E7EEE9;
  --color-warning: #7A5A25;
  --color-warning-soft: #F3E7D3;
  --color-danger: #9A4A2E;
  --color-danger-hover: #83402A;
  --color-danger-badge: #96442C;
  --color-danger-soft: #FBEDE7;
  --color-danger-border: #E6D3C8;
  --color-white: #FFFFFF;
  --color-header-bg: rgba(247, 243, 236, 0.94);

  --font-body: "Hanken Grotesk", system-ui, sans-serif;
  --font-heading: Newsreader, Georgia, serif;

  --size-text-xs: 0.8125rem;
  --size-text-sm: 0.875rem;
  --size-text-md: 0.9375rem;
  --size-text-base: 1rem;
  --size-text-lg: 1.0625rem;
  --size-text-xl: 1.1875rem;
  --size-text-2xl: 1.4375rem;
  --size-text-3xl: 1.6875rem;
  --size-text-4xl: 2.125rem;
  --size-text-5xl: 2.75rem;
  --size-title: clamp(2.125rem, 4.4vw, 3.125rem);
  --size-display: clamp(2.5rem, 5.2vw, 3.75rem);

  --layout-content: 1120px;
  --layout-app: 1060px;
  --layout-mid: 960px;
  --layout-prose: 760px;
  --layout-narrow: 440px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;

  --radius-sm: 6px;
  --radius-md: 11px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgba(46, 42, 38, 0.04);
  --shadow-card: 0 1px 2px rgba(46, 42, 38, 0.04), 0 14px 34px -26px rgba(46, 42, 38, 0.35);
  --shadow-pop: 0 1px 2px rgba(46, 42, 38, 0.04), 0 24px 50px -30px rgba(46, 42, 38, 0.5);
  --shadow-button: 0 10px 24px -14px rgba(63, 93, 74, 0.8);

  --cover-skur: linear-gradient(135deg, #D9BE99 0%, #C39A6B 100%);
  --cover-renovering: linear-gradient(135deg, #E3DACD 0%, #C9BCA9 100%);
  --cover-tilbygning: linear-gradient(135deg, #CFD8CE 0%, #A9B7A6 100%);
  --cover-terrasse: linear-gradient(135deg, #DCD3C2 0%, #B9AD97 100%);
  --cover-andet: linear-gradient(135deg, #E9E3D9 0%, #C3B9A8 100%);

  --brand-google-blue: #4285F4;
  --brand-google-green: #34A853;
  --brand-google-yellow: #FBBC05;
  --brand-google-red: #EA4335;
  --brand-facebook: #1877F2;
  --brand-linkedin: #0A66C2;
}