@layer config, theme, reset, base, utils, components, helpers;

@font-face {
    font-family: "Bitter";
    src:
        local("Bitter"),
        url("/assets/fonts/Bitter-Variable.woff2") format("woff2 supports variations"),
        url("/assets/fonts/Bitter-Variable.woff2") format("woff2-variations");
    font-weight: 100 900;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: "Chivo";
    src:
        local("Chivo"),
        url("/assets/fonts/Chivo-Variable.woff2") format("woff2 supports variations"),
        url("/assets/fonts/Chivo-Variable.woff2") format("woff2-variations");
    font-weight: 100 900;
    font-style: normal;
    font-display: fallback;
}

@layer config {
    :where(html) {
        /* Typography */

        --font-family-mono: monospace;
        --font-family-sans: "Chivo", system-ui, sans-serif;
        --font-family-serif: "Bitter", serif;
        --font-family-default: var(--font-family-serif);

        --font-weight-default: 400;
        --font-weight-heading: 700;
        --font-weight-active: 650;
        --font-weight-strong: 600;

        --line-height-large: 1.85;
        --line-height-base: 1.55;
        --line-height-small: 1.1;

        --tracking-base: normal;
        --tracking-tight: -0.02em;
        --tracking-wide: 0.02em;

        --measure-large: 88ch;
        --measure-base: 72ch;
        --measure-small: 44ch;

        --font-size-smallest: max(0.75rem, 12px);
        --font-size-small: max(0.875rem, 14px);
        --font-size-base: 1rem;
        --font-size-medium: 1.125rem;
        --font-size-large: clamp(1.5191rem, 1.3221rem + 0.8755vw, 2.0006rem);
        --font-size-largest: clamp(1.8229rem, 1.4114rem + 1.829vw, 2.8289rem);
        --font-size-display: clamp(2.1875rem, 1.446rem + 3.2955vw, 4rem);

        /* Borders */

        --border-width-thin: 1px;
        --border-width-medium: 2px;
        --border-width-thick: 4px;

        --border-radius-none: 0px;
        --border-radius-small: 1px;
        --border-radius-medium: 2px;
        --border-radius-large: 4px;
        --border-radius-round: 1e5px;

        --spacing-tiny: 0.125rem;
        --spacing-nearest: 0.375rem;
        --spacing-near: 0.5rem;
        --spacing-base: 1rem;
        --spacing-far: 1.5rem;
        --spacing-farthest: 2rem;

        /* UI Density Elements */

        --control-height-base: 2.5em;
        --control-height-small: 2em;

        --control-spacing-minimal: 0.125em;
        --control-spacing-tiny: 0.25em;
        --control-spacing-nearest: 0.375em;
        --control-spacing-near: 0.5em;
        --control-spacing-base: 1em;
        --control-spacing-far: 1.5em;
        --control-spacing-farthest: 2em;

        /* SHADOWS */

        --shadow-inset:
            inset 0.38px 1.5px 3px 0px color-mix(in oklch, var(--shadow-color), transparent 85%),
            inset 1.13px 4.5px 9px -4px color-mix(in oklch, var(--shadow-color), transparent 89.5%);

        --shadow-nearest:
            0.38px 1.5px 3px 0px color-mix(in oklch, var(--shadow-color), transparent 85%),
            1.13px 4.5px 9px -4px color-mix(in oklch, var(--shadow-color), transparent 89.5%);
        --shadow-near:
            0.38px 1.5px 3px 0px color-mix(in oklch, var(--shadow-color), transparent 85%),
            1.13px 4.5px 9px -1.33px color-mix(in oklch, var(--shadow-color), transparent 89.5%),
            3.38px 13.5px 27px -2.67px color-mix(in oklch, var(--shadow-color), transparent 92.65%),
            10.13px 40.5px 81px -4px color-mix(in oklch, var(--shadow-color), transparent 94.86%);
        --shadow-medium:
            0.38px 1.5px 3px 0px color-mix(in oklch, var(--shadow-color), transparent 85%),
            1.13px 4.5px 9px -0.8px color-mix(in oklch, var(--shadow-color), transparent 89.5%),
            3.38px 13.5px 27px -1.6px color-mix(in oklch, var(--shadow-color), transparent 92.65%),
            10.13px 40.5px 81px -2.4px color-mix(in oklch, var(--shadow-color), transparent 94.86%),
            30.38px 121.5px 243px -3.2px color-mix(in oklch, var(--shadow-color), transparent 96.4%),
            91.13px 364.5px 729px -4px color-mix(in oklch, var(--shadow-color), transparent 97.48%);
        --shadow-far:
            0.38px 1.5px 3px 0px color-mix(in oklch, var(--shadow-color), transparent 85%),
            1.13px 4.5px 9px -0.5px color-mix(in oklch, var(--shadow-color), transparent 89.5%),
            3.38px 13.5px 27px -1px color-mix(in oklch, var(--shadow-color), transparent 92.65%),
            10.13px 40.5px 81px -1.5px color-mix(in oklch, var(--shadow-color), transparent 94.86%),
            30.38px 121.5px 243px -2px color-mix(in oklch, var(--shadow-color), transparent 96.4%),
            91.13px 364.5px 729px -2.5px color-mix(in oklch, var(--shadow-color), transparent 97.48%),
            273.38px 1093.5px 2187px -3px color-mix(in oklch, var(--shadow-color), transparent 98.24%),
            820.13px 3280.5px 6561px -3.5px color-mix(in oklch, var(--shadow-color), transparent 98.76%),
            2460.38px 9841.5px 19683px -4px color-mix(in oklch, var(--shadow-color), transparent 99.14%);
        /* Light Theme */

        --shadow-color-light: oklch(45% 0.01 125);
        --shadow-color-light-lch: 45% 0.01 125;

        /* Dark Theme */

        --shadow-color-dark: oklch(55% 0.01 125);
        --shadow-color-dark-lch: 55% 0.01 125;

        --lightness-max: 1;
        --lightness-min: 0.02;
        --lightness-diff: calc(var(--lightness-max) - var(--lightness-min));
        --lightness-contrast-cutoff: calc(var(--lightness-min) + var(--lightness-diff) * 0.5 + 0.05);
        --neutral-chroma-scale: 0.25;
        --transparency-weaker: 0.8;
        --c-brand-primary: 0.325;
        --h-brand-primary: 125;
        --l-brand-primary-light: 0.88;
        --color-brand-primary-base-light: oklch(
            var(--l-brand-primary-light)
            var(--c-brand-primary)
            var(--h-brand-primary)
        );
        --color-brand-primary-emphasis-light: oklch(
            calc(var(--l-brand-primary-light) * 0.85)
            calc(var(--c-brand-primary) * 1.1)
            var(--h-brand-primary)
        );
        --color-brand-primary-surface-light: oklch(
            calc(var(--lightness-max) - 0.1 + var(--l-brand-primary-light) / 10)
            calc(var(--c-brand-primary) * 0.25)
            var(--h-brand-primary)
        );
        --color-brand-primary-contrast-lightness-light: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-brand-primary-light) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-brand-primary-contrast-light: oklch(
            var(--color-brand-primary-contrast-lightness-light)
            calc(var(--c-brand-primary) * 0.25)
            var(--h-brand-primary)
        );
        --color-brand-primary-hover-light: oklch(
            var(--l-brand-primary-light)
            var(--c-brand-primary)
            var(--h-brand-primary)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --l-brand-primary-dark: 0.8;
        --color-brand-primary-base-dark: oklch(
            var(--l-brand-primary-dark)
            var(--c-brand-primary)
            var(--h-brand-primary)
        );
        --color-brand-primary-emphasis-dark: oklch(
            calc(var(--l-brand-primary-dark) * 1.25)
            calc(var(--c-brand-primary) * 1.1)
            var(--h-brand-primary)
        );
        --color-brand-primary-surface-dark: oklch(
            calc(var(--lightness-min) + var(--l-brand-primary-dark) / 3)
            calc(var(--c-brand-primary) * 0.25)
            var(--h-brand-primary)
        );
        --color-brand-primary-contrast-lightness-dark: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-brand-primary-dark) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-brand-primary-contrast-dark: oklch(
            var(--color-brand-primary-contrast-lightness-dark)
            calc(var(--c-brand-primary) * 0.25)
            var(--h-brand-primary)
        );
        --color-brand-primary-hover-dark: oklch(
            var(--l-brand-primary-dark)
            var(--c-brand-primary)
            var(--h-brand-primary)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --c-brand-secondary: 0.106;
        --h-brand-secondary: 254;
        --l-brand-secondary-light: 0.43;
        --color-brand-secondary-base-light: oklch(
            var(--l-brand-secondary-light)
            var(--c-brand-secondary)
            var(--h-brand-secondary)
        );
        --color-brand-secondary-emphasis-light: oklch(
            calc(var(--l-brand-secondary-light) * 0.85)
            calc(var(--c-brand-secondary) * 1.1)
            var(--h-brand-secondary)
        );
        --color-brand-secondary-surface-light: oklch(
            calc(var(--lightness-max) - 0.1 + var(--l-brand-secondary-light) / 10)
            calc(var(--c-brand-secondary) * 0.25)
            var(--h-brand-secondary)
        );
        --color-brand-secondary-contrast-lightness-light: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-brand-secondary-light) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-brand-secondary-contrast-light: oklch(
            var(--color-brand-secondary-contrast-lightness-light)
            calc(var(--c-brand-secondary) * 0.25)
            var(--h-brand-secondary)
        );
        --color-brand-secondary-hover-light: oklch(
            var(--l-brand-secondary-light)
            var(--c-brand-secondary)
            var(--h-brand-secondary)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --l-brand-secondary-dark: 0.65;
        --color-brand-secondary-base-dark: oklch(
            var(--l-brand-secondary-dark)
            var(--c-brand-secondary)
            var(--h-brand-secondary)
        );
        --color-brand-secondary-emphasis-dark: oklch(
            calc(var(--l-brand-secondary-dark) * 1.25)
            calc(var(--c-brand-secondary) * 1.1)
            var(--h-brand-secondary)
        );
        --color-brand-secondary-surface-dark: oklch(
            calc(var(--lightness-min) + var(--l-brand-secondary-dark) / 3)
            calc(var(--c-brand-secondary) * 0.25)
            var(--h-brand-secondary)
        );
        --color-brand-secondary-contrast-lightness-dark: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-brand-secondary-dark) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-brand-secondary-contrast-dark: oklch(
            var(--color-brand-secondary-contrast-lightness-dark)
            calc(var(--c-brand-secondary) * 0.25)
            var(--h-brand-secondary)
        );
        --color-brand-secondary-hover-dark: oklch(
            var(--l-brand-secondary-dark)
            var(--c-brand-secondary)
            var(--h-brand-secondary)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --l-text-light: 0.24;
        --c-text-light: 0.02;
        --h-text-light: var(--h-brand-primary);
        --scale-text-light: 1.35;
        --color-text-base-light: oklch(var(--l-text-light) var(--c-text-light) var(--h-text-light));
        --color-text-muted-light: oklch(
            calc(var(--l-text-light) * var(--scale-text-light))
            calc(var(--c-text-light) * var(--neutral-chroma-scale))
            var(--h-text-light)
        );
        --color-text-subtle-light: oklch(
            calc(var(--l-text-light) * var(--scale-text-light) * var(--scale-text-light))
            calc(var(--c-text-light) * var(--neutral-chroma-scale) * var(--neutral-chroma-scale))
            var(--h-text-light)
        );
        --color-text-on-emphasis-light: oklch(var(--lightness-max) calc(var(--c-text-light) * 0.1) var(--h-text-light));
        --color-text-hover-light: oklch(
            var(--l-text-light)
            var(--c-text-light)
            var(--h-text-light)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --l-text-dark: 0.9;
        --c-text-dark: 0.01;
        --h-text-dark: var(--h-brand-primary);
        --scale-text-dark: 0.88;
        --color-text-base-dark: oklch(var(--l-text-dark) var(--c-text-dark) var(--h-text-dark));
        --color-text-muted-dark: oklch(
            calc(var(--l-text-dark) * var(--scale-text-dark))
            calc(var(--c-text-dark) * var(--neutral-chroma-scale))
            var(--h-text-dark)
        );
        --color-text-subtle-dark: oklch(
            calc(var(--l-text-dark) * var(--scale-text-dark) * var(--scale-text-dark))
            calc(var(--c-text-dark) * var(--neutral-chroma-scale) * var(--neutral-chroma-scale))
            var(--h-text-dark)
        );
        --color-text-on-emphasis-dark: oklch(var(--lightness-min) var(--c-text-dark) var(--h-text-dark));
        --color-text-hover-dark: oklch(
            var(--l-text-dark)
            var(--c-text-dark)
            var(--h-text-dark)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --l-surface-light: 1;
        --c-surface-light: 0.0075;
        --h-surface-light: var(--h-brand-primary);
        --scale-surface-light: 0.97;
        --color-surface-base-light: oklch(var(--l-surface-light) var(--c-surface-light) var(--h-surface-light));
        --color-surface-muted-light: oklch(
            calc(var(--l-surface-light) * var(--scale-surface-light))
            calc(var(--c-surface-light) * var(--neutral-chroma-scale))
            var(--h-surface-light)
        );
        --color-surface-subtle-light: oklch(
            calc(var(--l-surface-light) * var(--scale-surface-light) * var(--scale-surface-light))
            calc(var(--c-surface-light) * var(--neutral-chroma-scale) * var(--neutral-chroma-scale))
            var(--h-surface-light)
        );
        --color-surface-emphasis-light: oklch(var(--lightness-min) var(--c-surface-light) var(--h-surface-light));
        --l-surface-dark: 0.18;
        --c-surface-dark: 0.005;
        --h-surface-dark: var(--h-brand-primary);
        --scale-surface-dark: 1.3;
        --color-surface-base-dark: oklch(var(--l-surface-dark) var(--c-surface-dark) var(--h-surface-dark));
        --color-surface-muted-dark: oklch(
            calc(var(--l-surface-dark) * var(--scale-surface-dark))
            calc(var(--c-surface-dark) * var(--neutral-chroma-scale))
            var(--h-surface-dark)
        );
        --color-surface-subtle-dark: oklch(
            calc(var(--l-surface-dark) * var(--scale-surface-dark) * var(--scale-surface-dark))
            calc(var(--c-surface-dark) * var(--neutral-chroma-scale) * var(--neutral-chroma-scale))
            var(--h-surface-dark)
        );
        --color-surface-emphasis-dark: oklch(
            var(--lightness-max)
            calc(var(--c-surface-dark) * 0.1)
            var(--h-surface-dark)
        );
        --l-border-light: 0.85;
        --c-border-light: 0.01;
        --h-border-light: var(--h-brand-primary);
        --scale-border-light: 1.025;
        --color-border-base-light: oklch(var(--l-border-light) var(--c-border-light) var(--h-border-light));
        --color-border-muted-light: oklch(
            calc(var(--l-border-light) * var(--scale-border-light))
            calc(var(--c-border-light) * var(--neutral-chroma-scale))
            var(--h-border-light)
        );
        --color-border-subtle-light: oklch(
            calc(var(--l-border-light) * var(--scale-border-light) * var(--scale-border-light))
            calc(var(--c-border-light) * var(--neutral-chroma-scale) * var(--neutral-chroma-scale))
            var(--h-border-light)
        );
        --color-border-on-emphasis-light: oklch(var(--lightness-max) var(--c-border-light) var(--h-border-light));
        --color-border-hover-light: oklch(
            var(--l-border-light)
            var(--c-border-light)
            var(--h-border-light)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --l-border-dark: 0.325;
        --c-border-dark: 0.02;
        --scale-border-dark: 0.95;
        --h-border-dark: var(--h-brand-primary);
        --color-border-base-dark: oklch(var(--l-border-dark) var(--c-border-dark) var(--h-border-dark));
        --color-border-muted-dark: oklch(
            calc(var(--l-border-dark) * var(--scale-border-dark))
            calc(var(--c-border-dark) * var(--neutral-chroma-scale))
            var(--h-border-dark)
        );
        --color-border-subtle-dark: oklch(
            calc(var(--l-border-dark) * var(--scale-border-dark) * var(--scale-border-dark))
            calc(var(--c-border-dark) * var(--neutral-chroma-scale) * var(--neutral-chroma-scale))
            var(--h-border-dark)
        );
        --color-border-on-emphasis-dark: oklch(var(--lightness-min) var(--c-border-dark) var(--h-border-dark));
        --color-border-hover-dark: oklch(
            var(--l-border-dark)
            var(--c-border-dark)
            var(--h-border-dark)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --c-status-success: 0.325;
        --h-status-success: 142;
        --l-status-success-light: 0.5;
        --color-status-success-base-light: oklch(
            var(--l-status-success-light)
            var(--c-status-success)
            var(--h-status-success)
        );
        --color-status-success-emphasis-light: oklch(
            calc(var(--l-status-success-light) * 0.85)
            calc(var(--c-status-success) * 1.1)
            var(--h-status-success)
        );
        --color-status-success-surface-light: oklch(
            calc(var(--lightness-max) - 0.1 + var(--l-status-success-light) / 10)
            calc(var(--c-status-success) * 0.25)
            var(--h-status-success)
        );
        --color-status-success-contrast-lightness-light: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-status-success-light) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-status-success-contrast-light: oklch(
            var(--color-status-success-contrast-lightness-light)
            calc(var(--c-status-success) * 0.25)
            var(--h-status-success)
        );
        --color-status-success-hover-light: oklch(
            var(--l-status-success-light)
            var(--c-status-success)
            var(--h-status-success)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --l-status-success-dark: 0.8;
        --color-status-success-base-dark: oklch(
            var(--l-status-success-dark)
            var(--c-status-success)
            var(--h-status-success)
        );
        --color-status-success-emphasis-dark: oklch(
            calc(var(--l-status-success-dark) * 1.25)
            calc(var(--c-status-success) * 1.1)
            var(--h-status-success)
        );
        --color-status-success-surface-dark: oklch(
            calc(var(--lightness-min) + var(--l-status-success-dark) / 3)
            calc(var(--c-status-success) * 0.25)
            var(--h-status-success)
        );
        --color-status-success-contrast-lightness-dark: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-status-success-dark) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-status-success-contrast-dark: oklch(
            var(--color-status-success-contrast-lightness-dark)
            calc(var(--c-status-success) * 0.25)
            var(--h-status-success)
        );
        --color-status-success-hover-dark: oklch(
            var(--l-status-success-dark)
            var(--c-status-success)
            var(--h-status-success)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --c-status-warning: 0.325;
        --h-status-warning: 97;
        --l-status-warning-light: 0.5;
        --color-status-warning-base-light: oklch(
            var(--l-status-warning-light)
            var(--c-status-warning)
            var(--h-status-warning)
        );
        --color-status-warning-emphasis-light: oklch(
            calc(var(--l-status-warning-light) * 0.85)
            calc(var(--c-status-warning) * 1.1)
            var(--h-status-warning)
        );
        --color-status-warning-surface-light: oklch(
            calc(var(--lightness-max) - 0.1 + var(--l-status-warning-light) / 10)
            calc(var(--c-status-warning) * 0.25)
            var(--h-status-warning)
        );
        --color-status-warning-contrast-lightness-light: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-status-warning-light) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-status-warning-contrast-light: oklch(
            var(--color-status-warning-contrast-lightness-light)
            calc(var(--c-status-warning) * 0.25)
            var(--h-status-warning)
        );
        --color-status-warning-hover-light: oklch(
            var(--l-status-warning-light)
            var(--c-status-warning)
            var(--h-status-warning)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --l-status-warning-dark: 0.8;
        --color-status-warning-base-dark: oklch(
            var(--l-status-warning-dark)
            var(--c-status-warning)
            var(--h-status-warning)
        );
        --color-status-warning-emphasis-dark: oklch(
            calc(var(--l-status-warning-dark) * 1.25)
            calc(var(--c-status-warning) * 1.1)
            var(--h-status-warning)
        );
        --color-status-warning-surface-dark: oklch(
            calc(var(--lightness-min) + var(--l-status-warning-dark) / 3)
            calc(var(--c-status-warning) * 0.25)
            var(--h-status-warning)
        );
        --color-status-warning-contrast-lightness-dark: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-status-warning-dark) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-status-warning-contrast-dark: oklch(
            var(--color-status-warning-contrast-lightness-dark)
            calc(var(--c-status-warning) * 0.25)
            var(--h-status-warning)
        );
        --color-status-warning-hover-dark: oklch(
            var(--l-status-warning-dark)
            var(--c-status-warning)
            var(--h-status-warning)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --c-status-danger: 0.325;
        --h-status-danger: 32;
        --l-status-danger-light: 0.5;
        --color-status-danger-base-light: oklch(
            var(--l-status-danger-light)
            var(--c-status-danger)
            var(--h-status-danger)
        );
        --color-status-danger-emphasis-light: oklch(
            calc(var(--l-status-danger-light) * 0.85)
            calc(var(--c-status-danger) * 1.1)
            var(--h-status-danger)
        );
        --color-status-danger-surface-light: oklch(
            calc(var(--lightness-max) - 0.1 + var(--l-status-danger-light) / 10)
            calc(var(--c-status-danger) * 0.25)
            var(--h-status-danger)
        );
        --color-status-danger-contrast-lightness-light: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-status-danger-light) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-status-danger-contrast-light: oklch(
            var(--color-status-danger-contrast-lightness-light)
            calc(var(--c-status-danger) * 0.25)
            var(--h-status-danger)
        );
        --color-status-danger-hover-light: oklch(
            var(--l-status-danger-light)
            var(--c-status-danger)
            var(--h-status-danger)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --l-status-danger-dark: 0.8;
        --color-status-danger-base-dark: oklch(
            var(--l-status-danger-dark)
            var(--c-status-danger)
            var(--h-status-danger)
        );
        --color-status-danger-emphasis-dark: oklch(
            calc(var(--l-status-danger-dark) * 1.25)
            calc(var(--c-status-danger) * 1.1)
            var(--h-status-danger)
        );
        --color-status-danger-surface-dark: oklch(
            calc(var(--lightness-min) + var(--l-status-danger-dark) / 3)
            calc(var(--c-status-danger) * 0.25)
            var(--h-status-danger)
        );
        --color-status-danger-contrast-lightness-dark: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-status-danger-dark) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-status-danger-contrast-dark: oklch(
            var(--color-status-danger-contrast-lightness-dark)
            calc(var(--c-status-danger) * 0.25)
            var(--h-status-danger)
        );
        --color-status-danger-hover-dark: oklch(
            var(--l-status-danger-dark)
            var(--c-status-danger)
            var(--h-status-danger)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --c-status-info: 0.325;
        --h-status-info: 245;
        --l-status-info-light: 0.5;
        --color-status-info-base-light: oklch(var(--l-status-info-light) var(--c-status-info) var(--h-status-info));
        --color-status-info-emphasis-light: oklch(
            calc(var(--l-status-info-light) * 0.85)
            calc(var(--c-status-info) * 1.1)
            var(--h-status-info)
        );
        --color-status-info-surface-light: oklch(
            calc(var(--lightness-max) - 0.1 + var(--l-status-info-light) / 10)
            calc(var(--c-status-info) * 0.25)
            var(--h-status-info)
        );
        --color-status-info-contrast-lightness-light: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-status-info-light) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-status-info-contrast-light: oklch(
            var(--color-status-info-contrast-lightness-light)
            calc(var(--c-status-info) * 0.25)
            var(--h-status-info)
        );
        --color-status-info-hover-light: oklch(
            var(--l-status-info-light)
            var(--c-status-info)
            var(--h-status-info)
            /
            calc(var(--transparency-weaker) / 10)
        );
        --l-status-info-dark: 0.8;
        --color-status-info-base-dark: oklch(var(--l-status-info-dark) var(--c-status-info) var(--h-status-info));
        --color-status-info-emphasis-dark: oklch(
            calc(var(--l-status-info-dark) * 1.25)
            calc(var(--c-status-info) * 1.1)
            var(--h-status-info)
        );
        --color-status-info-surface-dark: oklch(
            calc(var(--lightness-min) + var(--l-status-info-dark) / 3)
            calc(var(--c-status-info) * 0.25)
            var(--h-status-info)
        );
        --color-status-info-contrast-lightness-dark: calc(
            var(--lightness-max) -
                var(--lightness-diff) *
                min(max((var(--l-status-info-dark) - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)
        );
        --color-status-info-contrast-dark: oklch(
            var(--color-status-info-contrast-lightness-dark)
            calc(var(--c-status-info) * 0.25)
            var(--h-status-info)
        );
        --color-status-info-hover-dark: oklch(
            var(--l-status-info-dark)
            var(--c-status-info)
            var(--h-status-info)
            /
            calc(var(--transparency-weaker) / 10)
        );
    }
}