:root{--brand-text: #000000;--brand-text-secondary: #6b7280;--brand-primary: #283756;--brand-primary-dark: #1f2a3f;--brand-surface: #dddcd9;--brand-surface-dark: #141a26;--brand-accent: #fcbf24;--brand-accent-2: #d97706;--brand-bg: #ffffff;--brand-bg-dark: #0d121d;--brand-border: #e5e7eb;--brand-border-dark: #1f2937;--brand-radius: 18px}.dark{--brand-text: #e5e7eb;--brand-text-secondary: #cbd5e1;--brand-primary: var(--brand-primary-dark);--brand-surface: var(--brand-surface-dark);--brand-bg: var(--brand-bg-dark);--brand-border: var(--brand-border-dark)}body{font-family:Heebo,Arial,sans-serif;background:var(--brand-bg);color:var(--brand-text)}.brand-surface{background:var(--brand-surface)}.brand-border{border-color:var(--brand-border)}.brand-primary{background:var(--brand-primary);color:#fff}.brand-accent{background:var(--brand-accent)}.brand-accent-2{background:var(--brand-accent-2)}.brand-text{color:var(--brand-text)}.brand-text-secondary{color:var(--brand-text-secondary)}.brand-rounded{border-radius:var(--brand-radius)}