/* Generated by @webority/tokens 0.109.1 for the webority brand. Do not edit; run webority brand. */

:root {
    --wui-font-ui: "Webority Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --wui-font-display: "Webority Serif", Cambria, Georgia, "Times New Roman", serif;
    --color-bg: #F8F6FD;
    --color-bg-subtle: #FBFAFE;
    --color-bg-muted: #F3EFFB;
    --color-surface: #FFFFFF;
    --color-text: #16093A;
    --color-text-body: #2B2B2B;
    --color-text-muted: #6A6A6A;
    --color-text-subtle: #9A9A9A;
    --color-link: #6200EE;
    --color-border: #E8E4F2;
    --color-border-subtle: #F3F0FA;
    --color-field-bg: #FBFAFE;
    --color-progress-track: #E8E4F2;
    --color-primary: #6200EE;
    --color-primary-hover: #5800D6;
    --color-primary-text: #6200EE;
    --color-on-primary: #FFFFFF;
    --wui-violet-5: #F7F2FE;
    --wui-violet-10: #F0E6FE;
    --wui-violet-15: #E8D9FD;
    --wui-violet-20: #E0CCFC;
    --wui-violet-30: #D0B3FA;
    --wui-violet-50: #B180F7;
    --wui-violet-300: #D0B3FA;
    --wui-violet-400: #B180F7;
    --wui-violet-500: #7424F2;
    --wui-violet-550: #8545F5;
    --wui-violet-600: #6200EE;
    --wui-violet-700: #5800D6;
    --wui-violet-800: #3A0091;
    --wui-violet-950: #16093A;
    --bs-primary: #6200ee;
    --bs-primary-rgb: 98, 0, 238;
}

:root[data-theme="dark"],
:root[data-bs-theme="dark"] {
    --wui-font-ui: "Webority Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --wui-font-display: "Webority Serif", Cambria, Georgia, "Times New Roman", serif;
    --color-bg: #000000;
    --color-bg-subtle: #0F0F0F;
    --color-bg-muted: #1E1E1E;
    --color-surface: #161616;
    --color-text: #EDEDED;
    --color-text-body: #EDEDED;
    --color-text-muted: #C0C0C0;
    --color-text-subtle: #A0A0A0;
    --color-link: #D0B3FA;
    --color-border: #2A2A2A;
    --color-border-subtle: #1E1E1E;
    --color-field-bg: #161616;
    --color-progress-track: #333333;
    --color-primary: #7424F2;
    --color-primary-hover: #8545F5;
    --color-primary-text: #D0B3FA;
    --color-on-primary: #FFFFFF;
    --wui-violet-5: #F7F2FE;
    --wui-violet-10: #F0E6FE;
    --wui-violet-15: #E8D9FD;
    --wui-violet-20: #E0CCFC;
    --wui-violet-30: #D0B3FA;
    --wui-violet-50: #B180F7;
    --wui-violet-300: #D0B3FA;
    --wui-violet-400: #B180F7;
    --wui-violet-500: #7424F2;
    --wui-violet-550: #8545F5;
    --wui-violet-600: #6200EE;
    --wui-violet-700: #5800D6;
    --wui-violet-800: #3A0091;
    --wui-violet-950: #16093A;
    --bs-body-bg-rgb: 0, 0, 0;
    --bs-body-color-rgb: 237, 237, 237;
    --bs-emphasis-color-rgb: 237, 237, 237;
    --bs-secondary-color-rgb: 192, 192, 192;
    --bs-tertiary-color-rgb: 160, 160, 160;
    --bs-secondary-bg-rgb: 22, 22, 22;
    --bs-tertiary-bg-rgb: 30, 30, 30;
    --bs-border-color-rgb: 42, 42, 42;
    --bs-primary: #7424f2;
    --bs-primary-rgb: 116, 36, 242;
    color-scheme: dark;
}

[data-theme="dark"]:not(:root),
[data-bs-theme="dark"]:not(:root) {
    --wui-font-ui: "Webority Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --wui-font-display: "Webority Serif", Cambria, Georgia, "Times New Roman", serif;
    --color-bg: #000000;
    --color-bg-subtle: #0F0F0F;
    --color-bg-muted: #1E1E1E;
    --color-surface: #161616;
    --color-text: #EDEDED;
    --color-text-body: #EDEDED;
    --color-text-muted: #C0C0C0;
    --color-text-subtle: #A0A0A0;
    --color-link: #D0B3FA;
    --color-border: #2A2A2A;
    --color-border-subtle: #1E1E1E;
    --color-field-bg: #161616;
    --color-progress-track: #333333;
    --color-primary: #7424F2;
    --color-primary-hover: #8545F5;
    --color-primary-text: #D0B3FA;
    --color-on-primary: #FFFFFF;
    --wui-violet-5: #F7F2FE;
    --wui-violet-10: #F0E6FE;
    --wui-violet-15: #E8D9FD;
    --wui-violet-20: #E0CCFC;
    --wui-violet-30: #D0B3FA;
    --wui-violet-50: #B180F7;
    --wui-violet-300: #D0B3FA;
    --wui-violet-400: #B180F7;
    --wui-violet-500: #7424F2;
    --wui-violet-550: #8545F5;
    --wui-violet-600: #6200EE;
    --wui-violet-700: #5800D6;
    --wui-violet-800: #3A0091;
    --wui-violet-950: #16093A;
    --bs-body-bg-rgb: 0, 0, 0;
    --bs-body-color-rgb: 237, 237, 237;
    --bs-emphasis-color-rgb: 237, 237, 237;
    --bs-secondary-color-rgb: 192, 192, 192;
    --bs-tertiary-color-rgb: 160, 160, 160;
    --bs-secondary-bg-rgb: 22, 22, 22;
    --bs-tertiary-bg-rgb: 30, 30, 30;
    --bs-border-color-rgb: 42, 42, 42;
    --bs-primary: #7424f2;
    --bs-primary-rgb: 116, 36, 242;
}

/* Zero specificity, so a component's own class on a themed section or inside it keeps its colour. */
:where([data-theme="dark"]:not(:root)),
:where([data-bs-theme="dark"]:not(:root)) {
    color-scheme: dark;
    color: var(--color-text);
}

/* var() resolves where a name is declared, so the html copies keep the light values for a light box. */

html {
    --wui-light-wui-font-ui: var(--wui-font-ui);
    --wui-light-wui-font-display: var(--wui-font-display);
    --wui-light-wui-violet-5: var(--wui-violet-5);
    --wui-light-wui-violet-10: var(--wui-violet-10);
    --wui-light-wui-violet-15: var(--wui-violet-15);
    --wui-light-wui-violet-20: var(--wui-violet-20);
    --wui-light-wui-violet-30: var(--wui-violet-30);
    --wui-light-wui-violet-50: var(--wui-violet-50);
    --wui-light-wui-violet-300: var(--wui-violet-300);
    --wui-light-wui-violet-400: var(--wui-violet-400);
    --wui-light-wui-violet-500: var(--wui-violet-500);
    --wui-light-wui-violet-550: var(--wui-violet-550);
    --wui-light-wui-violet-600: var(--wui-violet-600);
    --wui-light-wui-violet-700: var(--wui-violet-700);
    --wui-light-wui-violet-800: var(--wui-violet-800);
    --wui-light-wui-violet-950: var(--wui-violet-950);
    --wui-light-bs-primary: var(--bs-primary);
    --wui-light-bs-primary-rgb: var(--bs-primary-rgb);
}

[data-theme="dark"]:not(:root) [data-theme="light"],
[data-theme="dark"]:not(:root) [data-bs-theme="light"],
[data-bs-theme="dark"]:not(:root) [data-theme="light"],
[data-bs-theme="dark"]:not(:root) [data-bs-theme="light"] {
    --wui-font-ui: var(--wui-light-wui-font-ui);
    --wui-font-display: var(--wui-light-wui-font-display);
    --wui-violet-5: var(--wui-light-wui-violet-5);
    --wui-violet-10: var(--wui-light-wui-violet-10);
    --wui-violet-15: var(--wui-light-wui-violet-15);
    --wui-violet-20: var(--wui-light-wui-violet-20);
    --wui-violet-30: var(--wui-light-wui-violet-30);
    --wui-violet-50: var(--wui-light-wui-violet-50);
    --wui-violet-300: var(--wui-light-wui-violet-300);
    --wui-violet-400: var(--wui-light-wui-violet-400);
    --wui-violet-500: var(--wui-light-wui-violet-500);
    --wui-violet-550: var(--wui-light-wui-violet-550);
    --wui-violet-600: var(--wui-light-wui-violet-600);
    --wui-violet-700: var(--wui-light-wui-violet-700);
    --wui-violet-800: var(--wui-light-wui-violet-800);
    --wui-violet-950: var(--wui-light-wui-violet-950);
    --bs-primary: var(--wui-light-bs-primary);
    --bs-primary-rgb: var(--wui-light-bs-primary-rgb);
}

:where([data-theme="dark"]:not(:root) [data-theme="light"]),
:where([data-theme="dark"]:not(:root) [data-bs-theme="light"]),
:where([data-bs-theme="dark"]:not(:root) [data-theme="light"]),
:where([data-bs-theme="dark"]:not(:root) [data-bs-theme="light"]) {
    color-scheme: light;
    color: var(--color-text);
}

@media (prefers-color-scheme: dark) {
    :root[data-theme="auto"] {
        --wui-font-ui: "Webority Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
        --wui-font-display: "Webority Serif", Cambria, Georgia, "Times New Roman", serif;
        --color-bg: #000000;
        --color-bg-subtle: #0F0F0F;
        --color-bg-muted: #1E1E1E;
        --color-surface: #161616;
        --color-text: #EDEDED;
        --color-text-body: #EDEDED;
        --color-text-muted: #C0C0C0;
        --color-text-subtle: #A0A0A0;
        --color-link: #D0B3FA;
        --color-border: #2A2A2A;
        --color-border-subtle: #1E1E1E;
        --color-field-bg: #161616;
        --color-progress-track: #333333;
        --color-primary: #7424F2;
        --color-primary-hover: #8545F5;
        --color-primary-text: #D0B3FA;
        --color-on-primary: #FFFFFF;
        --wui-violet-5: #F7F2FE;
        --wui-violet-10: #F0E6FE;
        --wui-violet-15: #E8D9FD;
        --wui-violet-20: #E0CCFC;
        --wui-violet-30: #D0B3FA;
        --wui-violet-50: #B180F7;
        --wui-violet-300: #D0B3FA;
        --wui-violet-400: #B180F7;
        --wui-violet-500: #7424F2;
        --wui-violet-550: #8545F5;
        --wui-violet-600: #6200EE;
        --wui-violet-700: #5800D6;
        --wui-violet-800: #3A0091;
        --wui-violet-950: #16093A;
        --bs-body-bg-rgb: 0, 0, 0;
        --bs-body-color-rgb: 237, 237, 237;
        --bs-emphasis-color-rgb: 237, 237, 237;
        --bs-secondary-color-rgb: 192, 192, 192;
        --bs-tertiary-color-rgb: 160, 160, 160;
        --bs-secondary-bg-rgb: 22, 22, 22;
        --bs-tertiary-bg-rgb: 30, 30, 30;
        --bs-border-color-rgb: 42, 42, 42;
        --bs-primary: #7424f2;
        --bs-primary-rgb: 116, 36, 242;
        color-scheme: dark;
    }
}