/* Markenfarbe #f00000 */
:root { --accent: #f00000; --accent-hover: color-mix(in oklab, #f00000 84%, black); --accent-soft: color-mix(in oklab, #f00000 12%, white); --accent-ink: color-mix(in oklab, #f00000 85%, black); --accent-text: #ffffff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --accent: color-mix(in oklab, #f00000 80%, white); --accent-hover: color-mix(in oklab, #f00000 65%, white); --accent-soft: color-mix(in oklab, #f00000 24%, #1a1722); --accent-ink: color-mix(in oklab, #f00000 55%, white); --accent-text: #1d1a26; } }
:root[data-theme="dark"] { --accent: color-mix(in oklab, #f00000 80%, white); --accent-hover: color-mix(in oklab, #f00000 65%, white); --accent-soft: color-mix(in oklab, #f00000 24%, #1a1722); --accent-ink: color-mix(in oklab, #f00000 55%, white); --accent-text: #1d1a26; }