:root[data-swatch="light"]
{
    --kendo-color-primary: oklch(37.17% 0.0392 257.29deg);
    --kendo-color-secondary: oklch(50% 0.12 257.29deg);
    --kendo-spacing-base: 0.1875rem!important;
}

:root[data-swatch="blue"]
{
    --kendo-color-primary: oklch(56.63% 0.2384 222.24deg);
    --kendo-color-secondary: oklch(98% 0 0deg);
    --kendo-color-primary-subtle: oklch(from var(--kendo-color-primary) calc(l + 0.4027) calc(c - 0.1869) calc(h + 7.65));
    --kendo-color-primary-subtle-hover: oklch(from var(--kendo-color-primary) calc(l + 0.3749) calc(c - 0.1730) calc(h + 6.61));
    --kendo-color-primary-subtle-active: oklch(from var(--kendo-color-primary) calc(l + 0.3424) calc(c - 0.1561) calc(h + 7.13));
    --kendo-spacing-base: 0.1875rem!important;
}

:root[data-swatch="green"]
{
    --kendo-color-primary: oklch(64.25% 0.1464 159.35deg);
    --kendo-color-secondary: oklch(70% 0.2 155.55deg);
    --kendo-color-primary-subtle: oklch(from var(--kendo-color-secondary) calc(l + 0.4027) calc(c - 0.1869) calc(h + 7.65));
    --kendo-color-primary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.3749) calc(c - 0.1730) calc(h + 6.61));
    --kendo-color-primary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l + 0.3424) calc(c - 0.1561) calc(h + 7.13));
    --kendo-spacing-base: 0.1875rem!important;
}



:root[data-swatch="ocean-blue"]
{
    --kendo-color-primary: oklch(51.56% 0.1442 249.74deg);
    --kendo-color-secondary: oklch(56% 0.2 262.37deg);
    --kendo-color-primary-subtle: oklch(from var(--kendo-color-secondary) calc(l + 0.4027) calc(c - 0.1869) calc(h + 7.65));
    --kendo-color-primary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.3749) calc(c - 0.1730) calc(h + 6.61));
    --kendo-color-primary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l + 0.3424) calc(c - 0.1561) calc(h + 7.13));
    --kendo-spacing-base: 0.1875rem!important;
}

:root[data-swatch="orange"]
{
    --kendo-color-primary: oklch(73% 0.185 57deg);
    --kendo-color-secondary: oklch(72% 0.2 64.33deg);
    --kendo-color-primary-subtle: oklch(from var(--kendo-color-secondary) calc(l + 0.4027) calc(c - 0.1869) calc(h + 7.65));
    --kendo-color-primary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.3749) calc(c - 0.1730) calc(h + 6.61));
    --kendo-color-primary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l + 0.3424) calc(c - 0.1561) calc(h + 7.13));
    --kendo-spacing-base: 0.1875rem!important;
}

:root[data-swatch="orange-red"]
{
    --kendo-color-primary: oklch(69.85% 0.1923 27.19deg);
    --kendo-color-secondary: oklch(59% 0.2 22.41deg);
    --kendo-color-primary-subtle: oklch(from var(--kendo-color-secondary) calc(l + 0.4027) calc(c - 0.1869) calc(h + 7.65));
    --kendo-color-primary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.3749) calc(c - 0.1730) calc(h + 6.61));
    --kendo-color-primary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l + 0.3424) calc(c - 0.1561) calc(h + 7.13));
    --kendo-spacing-base: 0.1875rem!important;
}

:root[data-swatch="purple"]
{
    --kendo-color-primary: oklch(64.04% 0.2379 303.37deg);
    --kendo-color-secondary: oklch(68% 0.2 309.78deg);
    --kendo-color-primary-subtle: oklch(from var(--kendo-color-secondary) calc(l + 0.4027) calc(c - 0.1869) calc(h + 7.65));
    --kendo-color-primary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.3749) calc(c - 0.1730) calc(h + 6.61));
    --kendo-color-primary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l + 0.3424) calc(c - 0.1561) calc(h + 7.13));
    --kendo-spacing-base: 0.1875rem!important;
}

:root[data-swatch="red"]
{
    --kendo-color-primary: oklch(56.54% 0.1871 11.58deg);
    --kendo-color-secondary: oklch(70% 0.2 8.19deg);
    --kendo-color-primary-subtle: oklch(from var(--kendo-color-secondary) calc(l + 0.4027) calc(c - 0.1869) calc(h + 7.65));
    --kendo-color-primary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.3749) calc(c - 0.1730) calc(h + 6.61));
    --kendo-color-primary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l + 0.3424) calc(c - 0.1561) calc(h + 7.13));
    --kendo-spacing-base: 0.1875rem!important;
}

:root[data-swatch="turquoise"]
{
    --kendo-color-primary: oklch(74.8% 0.1453 168.24deg);
    --kendo-color-secondary: oklch(70% 0.2 169.19deg);
    --kendo-color-primary-subtle: oklch(from var(--kendo-color-secondary) calc(l + 0.4027) calc(c - 0.1869) calc(h + 7.65));
    --kendo-color-primary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.3749) calc(c - 0.1730) calc(h + 6.61));
    --kendo-color-primary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l + 0.3424) calc(c - 0.1561) calc(h + 7.13));
    --kendo-spacing-base: 0.1875rem!important;
}

:root[data-swatch="yellow"]
{
    --kendo-color-primary: oklch(84.83% 0.1654 91.35deg);
    --kendo-color-secondary: oklch(72% 0.2 89.73deg);
    --kendo-color-primary-subtle: oklch(from var(--kendo-color-secondary) calc(l + 0.4027) calc(c - 0.1869) calc(h + 7.65));
    --kendo-color-primary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.3749) calc(c - 0.1730) calc(h + 6.61));
    --kendo-color-primary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l + 0.3424) calc(c - 0.1561) calc(h + 7.13));
    --kendo-spacing-base: 0.1875rem!important;
}