@font-face {font-family: Manrope; src: url('../fonts/Manrope-Variable.ttf') format('truetype'); font-weight: 200 800; font-display: swap;}
:root {--brand-font: 'Manrope', system-ui, sans-serif; --brand-radius: 12px; --brand-radius-card: 20px;}
[data-brand="forest"] {--brand-primary: #245542;--brand-secondary: #82947B;--brand-background: #F7F8F2;--brand-ink: #233D33;--brand-soft: #EBF0E7;}
[data-brand="purple"] {--brand-primary: #7047EB;--brand-secondary: #DCD2FA;--brand-background: #F8F5EF;--brand-ink: #252033;--brand-soft: #F0EBFC;}