:root { --color-background: #f4f1ea; --color-surface: #fffdf8; --color-card: #ffffff; --color-text: #20231f; --color-muted: #696d66; --color-accent: #42594a; --color-accent-dark: #304237; --color-wood: #8a5a34; --color-wood-light: #d9b98f; --color-border: #d9d5cb; --color-dark: #202721; --color-white: #ffffff; --color-header-bg: rgba(244, 241, 234, 0.94); --color-header-border: rgba(217, 213, 203, 0.8); --font-main: 'Manrope', Arial, Helvetica, sans-serif; --container-width: 960px; --radius-small: 6px; --radius-medium: 14px; --shadow-soft: 0 18px 50px rgba(32, 35, 31, 0.08); --header-offset: 96px; --header-height: 79px; --hero-height: 70vh; } /* DONKER THEMA Wordt geactiveerd met data-theme="dark" op (zie het kleine