:root {
    --ColorHeader: #ffffff;
    --ColorFooter: #0a0a0a;
    --ColorFooterFont: #ffffff;
    --ColorDark: #0a0a0a;
    --ColorLight: #ffffff;
    --ColorPrimary: #0a0a0a;
    --ColorPrimaryFade: #f5f5f5;
    --ColorSecondary: #FEF222;
    --ColorSecondaryFade: #e8e8e8;
    --ColorDropdownMenu: #ffffff;
    --ColorProductReduction: #ffffff;
    --ColorBGProductReduction: #0a0a0a;
    --ColorBGGrey: #f5f5f5;
    --ColorBGDarkGrey: #6b6b6b;
    --ColorBorder: #e0e0e0;
    --ColorJoker: #FEF222;
    --ColorTertiary: #FEF222;

    /* New design tokens */
    --ColorAccent: #FEF222;
    --ColorAccentHover: #e6da1f;
    --ColorAccentDark: #E5DD00;
    --ColorTextOnDark: #ffffff;
    --ColorTextOnLight: #0a0a0a;
    --ColorTextMuted: #6b6b6b;
    --ColorSurface: #ffffff;
    --ColorSurfaceAlt: #f5f5f5;
    --ColorBorderLight: #e0e0e0;
}