@import './colors/cobalt.css';
@import './colors/dartmouth.css';
@import './colors/denim.css';
@import './colors/emerald.css';
@import './colors/indigo.css';
@import './colors/moss.css';
@import './colors/red.css';
@import './colors/sky.css';
@import './colors/teal.css';
@import './colors/wine.css';
@import './colors/yellow.css';

/*-------- BRAND --------*/
:root, .interactive-brand:is(:hover, :active, :focus-visible) {
    --c-theme-solid-1: var(--c-moss-solid-1);
    --c-theme-solid-2: var(--c-moss-solid-2);
    --c-theme-solid-3: var(--c-moss-solid-3);

    --c-theme-soft-1: var(--c-moss-soft-1);
    --c-theme-soft-2: var(--c-moss-soft-2);
    --c-theme-soft-3: var(--c-moss-soft-3);
    --c-theme-soft-4: var(--c-moss-soft-4);

    --c-theme-text-1: var(--c-moss-text-1);
    --c-theme-text-2: var(--c-moss-text-2);
    --c-theme-text-3: var(--c-moss-text-3);
    --c-theme-text-4: var(--c-moss-text-4);

    --c-theme-border-subtle: var(--c-moss-border-subtle);
    --c-theme-border-regular: var(--c-moss-border-regular);

    --c-theme-outline: var(--c-moss-outline);

    --c-theme-1: var(--c-moss-1);
    --c-theme-2: var(--c-moss-2);
    --c-theme-3: var(--c-moss-3);
    --c-theme-4: var(--c-moss-4);
}

/*-------- USER --------*/
.user, .interactive-user:is(:hover, :active, :focus-visible) {
    --c-theme-solid-1: var(--c-user-solid-1);
    --c-theme-solid-2: var(--c-user-solid-2);
    --c-theme-solid-3: var(--c-user-solid-3);

    --c-theme-soft-1: var(--c-user-soft-1);
    --c-theme-soft-2: var(--c-user-soft-2);
    --c-theme-soft-3: var(--c-user-soft-3);
    --c-theme-soft-4: var(--c-user-soft-4);

    --c-theme-text-1: var(--c-user-text-1);
    --c-theme-text-2: var(--c-user-text-2);
    --c-theme-text-3: var(--c-user-text-3);
    --c-theme-text-4: var(--c-user-text-4);

    --c-theme-border-subtle: var(--c-user-border-subtle);
    --c-theme-border-regular: var(--c-user-border-regular);

    --c-theme-outline: var(--c-user-outline);

    --c-theme-1: var(--c-user-1);
    --c-theme-2: var(--c-user-2);
    --c-theme-3: var(--c-user-3);
    --c-theme-4: var(--c-user-4);
}

/*-------- NEUTRAL --------*/
.neutral, .interactive-neutral:is(:hover, :active, :focus-visible) {
    --c-theme-solid-1: var(--c-grey-solid-1);
    --c-theme-solid-2: var(--c-grey-solid-2);
    --c-theme-solid-3: var(--c-grey-solid-3);

    --c-theme-soft-1: var(--c-grey-soft-1);
    --c-theme-soft-2: var(--c-grey-soft-2);
    --c-theme-soft-3: var(--c-grey-soft-3);
    --c-theme-soft-4: var(--c-grey-soft-4);

    --c-theme-text-1: var(--c-grey-text-1);
    --c-theme-text-2: var(--c-grey-text-2);
    --c-theme-text-3: var(--c-grey-text-3);
    --c-theme-text-4: var(--c-grey-text-4);

    --c-theme-border-subtle: var(--c-grey-border-subtle);
    --c-theme-border-regular: var(--c-grey-border-regular);

    --c-theme-outline: var(--c-grey-outline);

    --c-theme-1: var(--c-grey-1);
    --c-theme-2: var(--c-grey-2);
    --c-theme-3: var(--c-grey-3);
    --c-theme-4: var(--c-grey-4);
}

/*-------- OK --------*/
.ok, .interactive-ok:is(:hover, :active, :focus-visible) {
    --c-theme-solid-1: var(--c-dartmouth-solid-1);
    --c-theme-solid-2: var(--c-dartmouth-solid-2);
    --c-theme-solid-3: var(--c-dartmouth-solid-3);

    --c-theme-soft-1: var(--c-dartmouth-soft-1);
    --c-theme-soft-2: var(--c-dartmouth-soft-2);
    --c-theme-soft-3: var(--c-dartmouth-soft-3);
    --c-theme-soft-4: var(--c-dartmouth-soft-4);

    --c-theme-text-1: var(--c-dartmouth-text-1);
    --c-theme-text-2: var(--c-dartmouth-text-2);
    --c-theme-text-3: var(--c-dartmouth-text-3);
    --c-theme-text-4: var(--c-dartmouth-text-4);

    --c-theme-border-subtle: var(--c-dartmouth-border-subtle);
    --c-theme-border-regular: var(--c-dartmouth-border-regular);

    --c-theme-outline: var(--c-dartmouth-outline);

    --c-theme-1: var(--c-dartmouth-1);
    --c-theme-2: var(--c-dartmouth-2);
    --c-theme-3: var(--c-dartmouth-3);
    --c-theme-4: var(--c-dartmouth-4);
}

/*-------- INFO --------*/
.info, .interactive-info:is(:hover, :active, :focus-visible) {
    --c-theme-solid-1: var(--c-cobalt-solid-1);
    --c-theme-solid-2: var(--c-cobalt-solid-2);
    --c-theme-solid-3: var(--c-cobalt-solid-3);

    --c-theme-soft-1: var(--c-cobalt-soft-1);
    --c-theme-soft-2: var(--c-cobalt-soft-2);
    --c-theme-soft-3: var(--c-cobalt-soft-3);
    --c-theme-soft-4: var(--c-cobalt-soft-4);

    --c-theme-text-1: var(--c-cobalt-text-1);
    --c-theme-text-2: var(--c-cobalt-text-2);
    --c-theme-text-3: var(--c-cobalt-text-3);
    --c-theme-text-4: var(--c-cobalt-text-4);

    --c-theme-border-subtle: var(--c-cobalt-border-subtle);
    --c-theme-border-regular: var(--c-cobalt-border-regular);

    --c-theme-outline: var(--c-cobalt-outline);

    --c-theme-1: var(--c-cobalt-1);
    --c-theme-2: var(--c-cobalt-2);
    --c-theme-3: var(--c-cobalt-3);
    --c-theme-4: var(--c-cobalt-4);
}

/*-------- WARN --------*/
.warn, .interactive-warn:is(:hover, :active, :focus-visible) {
    --c-theme-solid-1: var(--c-yellow-solid-1);
    --c-theme-solid-2: var(--c-yellow-solid-2);
    --c-theme-solid-3: var(--c-yellow-solid-3);

    --c-theme-soft-1: var(--c-yellow-soft-1);
    --c-theme-soft-2: var(--c-yellow-soft-2);
    --c-theme-soft-3: var(--c-yellow-soft-3);
    --c-theme-soft-4: var(--c-yellow-soft-4);

    --c-theme-text-1: var(--c-yellow-text-1);
    --c-theme-text-2: var(--c-yellow-text-2);
    --c-theme-text-3: var(--c-yellow-text-3);
    --c-theme-text-4: var(--c-yellow-text-4);

    --c-theme-border-subtle: var(--c-yellow-border-subtle);
    --c-theme-border-regular: var(--c-yellow-border-regular);

    --c-theme-outline: var(--c-yellow-outline);

    --c-theme-1: var(--c-yellow-1);
    --c-theme-2: var(--c-yellow-2);
    --c-theme-3: var(--c-yellow-3);
    --c-theme-4: var(--c-yellow-4);
}

/*-------- DANGER --------*/
.danger, .interactive-danger:is(:hover, :active, :focus-visible) {
    --c-theme-solid-1: var(--c-red-solid-1);
    --c-theme-solid-2: var(--c-red-solid-2);
    --c-theme-solid-3: var(--c-red-solid-3);

    --c-theme-soft-1: var(--c-red-soft-1);
    --c-theme-soft-2: var(--c-red-soft-2);
    --c-theme-soft-3: var(--c-red-soft-3);
    --c-theme-soft-4: var(--c-red-soft-4);

    --c-theme-text-1: var(--c-red-text-1);
    --c-theme-text-2: var(--c-red-text-2);
    --c-theme-text-3: var(--c-red-text-3);
    --c-theme-text-4: var(--c-red-text-4);

    --c-theme-border-subtle: var(--c-red-border-subtle);
    --c-theme-border-regular: var(--c-red-border-regular);

    --c-theme-outline: var(--c-red-outline);

    --c-theme-1: var(--c-red-1);
    --c-theme-2: var(--c-red-2);
    --c-theme-3: var(--c-red-3);
    --c-theme-4: var(--c-red-4);
}