:root{
/* --- brand base — sampled from hausdesdoners.de and the supplied logo files ---- */
/* Scarlet: the primary UI red (CTA, kickers, underlines) */
--hdd-red-50:#FBEBEB;--hdd-red-100:#F3C9C9;--hdd-red-300:#D96A6A;--hdd-red-500:#C02828;--hdd-red-600:#A81F22;--hdd-red-700:#8C1A1D;/* @kind color */
/* Crimson: the logo lozenge and the round stamp badge — logo use only */
--hdd-crimson:#D01840;/* @kind color */
/* Brush accent: the hand-painted stroke graphics */
--hdd-red-accent:#E82028;/* @kind color */
/* WhatsApp green — used only by the WhatsApp contact button in the header */
--hdd-whatsapp:#1FB658;/* @kind color */
/* --- ink: the site is dark by default ------------------------------ */
--hdd-black:#040303;--hdd-ink-900:#1C1818;--hdd-ink-800:#241F1F;--hdd-ink-700:#2E2828;--hdd-ink-600:#3A3333;/* @kind color */
--hdd-gray-500:#7A7472;--hdd-gray-400:#B9B4B2;--hdd-gray-300:#C9C7C5;--hdd-gray-200:#E4E1DE;--hdd-gray-100:#F2F0ED;/* @kind color */
--hdd-paper:#F7F5F2;--hdd-white:#FFFFFF;/* @kind color */
/* --- semantic (UI states only, not part of the retail identity) ---- */
--hdd-green-500:#1E8E4E;--hdd-amber-500:#E2A400;/* @kind color */
/* --- semantic aliases -------------------------------------------- */
--brand:var(--hdd-red-500);--brand-hover:var(--hdd-red-600);--brand-press:var(--hdd-red-700);--brand-tint:var(--hdd-red-50);/* @kind color */
--text-strong:var(--hdd-white);--text-body:var(--hdd-gray-400);--text-muted:var(--hdd-gray-500);--text-on-dark:var(--hdd-white);--text-on-dark-muted:var(--hdd-gray-400);--text-brand:var(--hdd-red-500);/* @kind color */
--text-on-light:#141010;--text-on-light-muted:#5C5654;/* @kind color */
--surface-page:var(--hdd-ink-900);--surface-card:var(--hdd-ink-800);--surface-raised:var(--hdd-ink-700);--surface-bar:var(--hdd-black);--surface-light:var(--hdd-paper);--surface-dark:var(--hdd-ink-900);--surface-dark-raised:var(--hdd-ink-800);--surface-sunken:var(--hdd-black);/* @kind color */
--border-subtle:#332C2C;--border-strong:var(--hdd-white);--border-on-dark:#332C2C;--border-on-light:#DCD8D4;/* @kind color */
--focus-ring:var(--hdd-red-500);/* @kind color */
--success:var(--hdd-green-500);--warning:var(--hdd-amber-500);--danger:var(--hdd-red-500);/* @kind color */
--link:var(--hdd-white);--link-hover:var(--hdd-red-500);/* @kind color */
--grain-opacity:0.05;/* @kind other */
}