/*
 * Generated by `pramnos theme:build` from app/themes/theme.css.
 * Do not edit: edit that file and build again.
 */

:root,
[data-theme="msd"] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(96.5% 0.006 220);
    --color-base-300: oklch(90% 0.014 220);
    --color-base-content: oklch(22% 0.02 230);
    --color-primary: oklch(60% 0.1 220);
    --color-primary-content: oklch(99% 0.005 220);
    --color-secondary: oklch(60% 0.09 150);
    --color-secondary-content: oklch(99% 0.005 150);
    --color-accent: oklch(78% 0.06 175);
    --color-accent-content: oklch(24% 0.035 175);
    --color-neutral: oklch(30% 0.061 262);
    --color-neutral-content: oklch(97% 0.006 262);
    --color-info: oklch(66% 0.11 232);
    --color-info-content: oklch(99% 0.005 232);
    --color-success: oklch(62% 0.13 152);
    --color-success-content: oklch(99% 0.01 152);
    --color-warning: oklch(78% 0.145 72);
    --color-warning-content: oklch(26% 0.05 72);
    --color-error: oklch(59% 0.19 22);
    --color-error-content: oklch(99% 0.01 22);
    --radius-selector: 0.5rem;
    --radius-field: 0.625rem;
    --radius-box: 1.25rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
    /* The same palette, for Bootstrap and the plain-CSS theme. */
    --bs-body-bg: var(--color-base-100);
    --bs-body-color: var(--color-base-content);
    --bs-emphasis-color: var(--color-base-content);
    --bs-secondary-bg: var(--color-base-200);
    --bs-tertiary-bg: var(--color-base-200);
    --bs-border-color: var(--color-base-300);
    --bs-primary: var(--color-primary);
    --bs-link-color: var(--color-primary);
    --bs-link-hover-color: var(--color-primary);
    --bs-secondary: var(--color-secondary);
    --bs-success: var(--color-success);
    --bs-danger: var(--color-error);
    --bs-warning: var(--color-warning);
    --bs-info: var(--color-info);
    --primary-color: var(--color-primary);
    --text-main: var(--color-base-content);
    --surface: var(--color-base-100);
    --bg-subtle: var(--color-base-200);
    --border-color: var(--color-base-300);
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-body-color-rgb: 17, 28, 34;
    --bs-primary-rgb: 35, 142, 169;
    --bs-link-color-rgb: 35, 142, 169;
    --bs-secondary-rgb: 87, 143, 99;
    --bs-success-rgb: 61, 156, 94;
    --bs-danger-rgb: 215, 61, 71;
    --bs-warning-rgb: 240, 166, 60;
    --bs-info-rgb: 62, 157, 202;
}

[data-theme="msd-dark"] {
    color-scheme: dark;
    --color-base-100: oklch(21% 0.059 258);
    --color-base-200: oklch(17% 0.05 258);
    --color-base-300: oklch(14% 0.043 258);
    --color-base-content: oklch(93% 0.014 228);
    --color-primary: oklch(70% 0.078 224);
    --color-primary-content: oklch(17% 0.04 258);
    --color-secondary: oklch(74% 0.072 213);
    --color-secondary-content: oklch(17% 0.04 213);
    --color-accent: oklch(80% 0.115 78);
    --color-accent-content: oklch(20% 0.04 78);
    --color-neutral: oklch(30% 0.055 262);
    --color-neutral-content: oklch(95% 0.01 262);
    --color-info: oklch(72% 0.1 232);
    --color-info-content: oklch(17% 0.03 232);
    --color-success: oklch(72% 0.12 152);
    --color-success-content: oklch(17% 0.03 152);
    --color-warning: oklch(82% 0.13 72);
    --color-warning-content: oklch(20% 0.04 72);
    --color-error: oklch(68% 0.16 22);
    --color-error-content: oklch(17% 0.03 22);
    --radius-selector: 0.5rem;
    --radius-field: 0.625rem;
    --radius-box: 1.25rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
    /* The same palette, for Bootstrap and the plain-CSS theme. */
    --bs-body-bg: var(--color-base-100);
    --bs-body-color: var(--color-base-content);
    --bs-emphasis-color: var(--color-base-content);
    --bs-secondary-bg: var(--color-base-200);
    --bs-tertiary-bg: var(--color-base-200);
    --bs-border-color: var(--color-base-300);
    --bs-primary: var(--color-primary);
    --bs-link-color: var(--color-primary);
    --bs-link-hover-color: var(--color-primary);
    --bs-secondary: var(--color-secondary);
    --bs-success: var(--color-success);
    --bs-danger: var(--color-error);
    --bs-warning: var(--color-warning);
    --bs-info: var(--color-info);
    --primary-color: var(--color-primary);
    --text-main: var(--color-base-content);
    --surface: var(--color-base-100);
    --bg-subtle: var(--color-base-200);
    --border-color: var(--color-base-300);
    --bs-body-bg-rgb: 6, 24, 51;
    --bs-body-color-rgb: 223, 234, 239;
    --bs-primary-rgb: 101, 169, 194;
    --bs-link-color-rgb: 101, 169, 194;
    --bs-secondary-rgb: 115, 183, 198;
    --bs-success-rgb: 102, 186, 127;
    --bs-danger-rgb: 234, 106, 106;
    --bs-warning-rgb: 248, 182, 93;
    --bs-info-rgb: 93, 176, 216;
}

/* The OS preference, for a visitor who has not chosen. */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        color-scheme: dark;
        --color-base-100: oklch(21% 0.059 258);
        --color-base-200: oklch(17% 0.05 258);
        --color-base-300: oklch(14% 0.043 258);
        --color-base-content: oklch(93% 0.014 228);
        --color-primary: oklch(70% 0.078 224);
        --color-primary-content: oklch(17% 0.04 258);
        --color-secondary: oklch(74% 0.072 213);
        --color-secondary-content: oklch(17% 0.04 213);
        --color-accent: oklch(80% 0.115 78);
        --color-accent-content: oklch(20% 0.04 78);
        --color-neutral: oklch(30% 0.055 262);
        --color-neutral-content: oklch(95% 0.01 262);
        --color-info: oklch(72% 0.1 232);
        --color-info-content: oklch(17% 0.03 232);
        --color-success: oklch(72% 0.12 152);
        --color-success-content: oklch(17% 0.03 152);
        --color-warning: oklch(82% 0.13 72);
        --color-warning-content: oklch(20% 0.04 72);
        --color-error: oklch(68% 0.16 22);
        --color-error-content: oklch(17% 0.03 22);
        --radius-selector: 0.5rem;
        --radius-field: 0.625rem;
        --radius-box: 1.25rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
        /* The same palette, for Bootstrap and the plain-CSS theme. */
        --bs-body-bg: var(--color-base-100);
        --bs-body-color: var(--color-base-content);
        --bs-emphasis-color: var(--color-base-content);
        --bs-secondary-bg: var(--color-base-200);
        --bs-tertiary-bg: var(--color-base-200);
        --bs-border-color: var(--color-base-300);
        --bs-primary: var(--color-primary);
        --bs-link-color: var(--color-primary);
        --bs-link-hover-color: var(--color-primary);
        --bs-secondary: var(--color-secondary);
        --bs-success: var(--color-success);
        --bs-danger: var(--color-error);
        --bs-warning: var(--color-warning);
        --bs-info: var(--color-info);
        --primary-color: var(--color-primary);
        --text-main: var(--color-base-content);
        --surface: var(--color-base-100);
        --bg-subtle: var(--color-base-200);
        --border-color: var(--color-base-300);
        --bs-body-bg-rgb: 6, 24, 51;
        --bs-body-color-rgb: 223, 234, 239;
        --bs-primary-rgb: 101, 169, 194;
        --bs-link-color-rgb: 101, 169, 194;
        --bs-secondary-rgb: 115, 183, 198;
        --bs-success-rgb: 102, 186, 127;
        --bs-danger-rgb: 234, 106, 106;
        --bs-warning-rgb: 248, 182, 93;
        --bs-info-rgb: 93, 176, 216;
    }
}