/* Generated by @webority/tokens 0.107.0 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", 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-border: #E8E4F2;
    --color-border-subtle: #F3F0FA;
    --color-field-bg: #FBFAFE;
    --color-progress-track: #E8E4F2;
    --color-primary: #4A0FBF;
    --color-primary-hover: #3D0CA0;
    --color-primary-text: #4A0FBF;
    --color-on-primary: #FFFFFF;
    --wui-violet-5: #F8F5FF;
    --wui-violet-10: #F1EBFF;
    --wui-violet-15: #E6DCFD;
    --wui-violet-20: #D9CBFA;
    --wui-violet-30: #B9A2F2;
    --wui-violet-50: #8B66E6;
    --wui-violet-300: #BFA6FF;
    --wui-violet-400: #A98BFF;
    --wui-violet-500: #5A22D6;
    --wui-violet-550: #6B35E6;
    --wui-violet-600: #4A0FBF;
    --wui-violet-700: #3D0CA0;
    --wui-violet-800: #340A88;
    --wui-violet-950: #16093A;
    --bs-primary: #4a0fbf;
    --bs-primary-rgb: 74, 15, 191;
}

: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", 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-border: #2A2A2A;
    --color-border-subtle: #1E1E1E;
    --color-field-bg: #161616;
    --color-progress-track: #333333;
    --color-primary: #5A22D6;
    --color-primary-hover: #6B35E6;
    --color-primary-text: #A98BFF;
    --color-on-primary: #FFFFFF;
    --wui-violet-5: #F8F5FF;
    --wui-violet-10: #F1EBFF;
    --wui-violet-15: #E6DCFD;
    --wui-violet-20: #D9CBFA;
    --wui-violet-30: #B9A2F2;
    --wui-violet-50: #8B66E6;
    --wui-violet-300: #BFA6FF;
    --wui-violet-400: #A98BFF;
    --wui-violet-500: #5A22D6;
    --wui-violet-550: #6B35E6;
    --wui-violet-600: #4A0FBF;
    --wui-violet-700: #3D0CA0;
    --wui-violet-800: #340A88;
    --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: #5a22d6;
    --bs-primary-rgb: 90, 34, 214;
    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", 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-border: #2A2A2A;
    --color-border-subtle: #1E1E1E;
    --color-field-bg: #161616;
    --color-progress-track: #333333;
    --color-primary: #5A22D6;
    --color-primary-hover: #6B35E6;
    --color-primary-text: #A98BFF;
    --color-on-primary: #FFFFFF;
    --wui-violet-5: #F8F5FF;
    --wui-violet-10: #F1EBFF;
    --wui-violet-15: #E6DCFD;
    --wui-violet-20: #D9CBFA;
    --wui-violet-30: #B9A2F2;
    --wui-violet-50: #8B66E6;
    --wui-violet-300: #BFA6FF;
    --wui-violet-400: #A98BFF;
    --wui-violet-500: #5A22D6;
    --wui-violet-550: #6B35E6;
    --wui-violet-600: #4A0FBF;
    --wui-violet-700: #3D0CA0;
    --wui-violet-800: #340A88;
    --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: #5a22d6;
    --bs-primary-rgb: 90, 34, 214;
}

/* 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", 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-border: #2A2A2A;
        --color-border-subtle: #1E1E1E;
        --color-field-bg: #161616;
        --color-progress-track: #333333;
        --color-primary: #5A22D6;
        --color-primary-hover: #6B35E6;
        --color-primary-text: #A98BFF;
        --color-on-primary: #FFFFFF;
        --wui-violet-5: #F8F5FF;
        --wui-violet-10: #F1EBFF;
        --wui-violet-15: #E6DCFD;
        --wui-violet-20: #D9CBFA;
        --wui-violet-30: #B9A2F2;
        --wui-violet-50: #8B66E6;
        --wui-violet-300: #BFA6FF;
        --wui-violet-400: #A98BFF;
        --wui-violet-500: #5A22D6;
        --wui-violet-550: #6B35E6;
        --wui-violet-600: #4A0FBF;
        --wui-violet-700: #3D0CA0;
        --wui-violet-800: #340A88;
        --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: #5a22d6;
        --bs-primary-rgb: 90, 34, 214;
        color-scheme: dark;
    }
}