:root,
.accent-color-primary {
    --accent-color-name: primary;
    --accent-color-solid: var(--color-solid-primary);
    --accent-color-solid-hover: var(--color-solid-hover-primary);
    --accent-color-ink: var(--color-ink-primary);
    --accent-color-ink-hover: var(--color-ink-hover-primary);
    --accent-color-ink-on-solid: var(--color-base-2);
    --accent-color-surface-l1: var(--color-surface-l1-primary);
    --accent-color-surface-l2: var(--color-surface-l2-primary);
    --accent-color-soft-l1: var(--color-soft-l1-primary);
    --accent-color-soft-l2: var(--color-soft-l2-primary);
    --accent-color-soft-l3: var(--color-soft-l3-primary);
    --accent-color-glow: var(--color-glow-primary);
}

.accent-color-purple {
    --accent-color-name: purple;
    --accent-color-solid: var(--color-solid-purple);
    --accent-color-solid-hover: var(--color-solid-hover-purple);
    --accent-color-ink: var(--color-ink-purple);
    --accent-color-ink-hover: var(--color-ink-hover-purple);
    --accent-color-ink-on-solid: var(--color-base-2);
    --accent-color-surface-l1: var(--color-surface-l1-purple);
    --accent-color-surface-l2: var(--color-surface-l2-purple);
    --accent-color-soft-l1: var(--color-soft-l1-purple);
    --accent-color-soft-l2: var(--color-soft-l2-purple);
    --accent-color-soft-l3: var(--color-soft-l3-purple);
    --accent-color-glow: var(--color-glow-purple);
}

.accent-color-blue {
    --accent-color-name: blue;
    --accent-color-solid: var(--color-solid-blue);
    --accent-color-solid-hover: var(--color-solid-hover-blue);
    --accent-color-ink: var(--color-ink-blue);
    --accent-color-ink-hover: var(--color-ink-hover-blue);
    --accent-color-ink-on-solid: var(--color-base-2);
    --accent-color-surface-l1: var(--color-surface-l1-blue);
    --accent-color-surface-l2: var(--color-surface-l2-blue);
    --accent-color-soft-l1: var(--color-soft-l1-blue);
    --accent-color-soft-l2: var(--color-soft-l2-blue);
    --accent-color-soft-l3: var(--color-soft-l3-blue);
    --accent-color-glow: var(--color-glow-blue);
}

.accent-color-green {
    --accent-color-name: green;
    --accent-color-solid: var(--color-solid-green);
    --accent-color-solid-hover: var(--color-solid-hover-green);
    --accent-color-ink: var(--color-ink-green);
    --accent-color-ink-hover: var(--color-ink-hover-green);
    --accent-color-ink-on-solid: var(--color-base-2);
    --accent-color-surface-l1: var(--color-surface-l1-green);
    --accent-color-surface-l2: var(--color-surface-l2-green);
    --accent-color-soft-l1: var(--color-soft-l1-green);
    --accent-color-soft-l2: var(--color-soft-l2-green);
    --accent-color-soft-l3: var(--color-soft-l3-green);
    --accent-color-glow: var(--color-glow-green);
}

.accent-color-yellow {
    --accent-color-name: yellow;
    --accent-color-solid: var(--color-solid-yellow);
    --accent-color-solid-hover: var(--color-solid-hover-yellow);
    --accent-color-ink: var(--color-ink-yellow);
    --accent-color-ink-hover: var(--color-ink-hover-yellow);
    --accent-color-ink-on-solid: var(--color-base-1);
    --accent-color-surface-l1: var(--color-surface-l1-yellow);
    --accent-color-surface-l2: var(--color-surface-l2-yellow);
    --accent-color-soft-l1: var(--color-soft-l1-yellow);
    --accent-color-soft-l2: var(--color-soft-l2-yellow);
    --accent-color-soft-l3: var(--color-soft-l3-yellow);
    --accent-color-glow: var(--color-glow-yellow);
}

.accent-color-orange {
    --accent-color-name: orange;
    --accent-color-solid: var(--color-solid-orange);
    --accent-color-solid-hover: var(--color-solid-hover-orange);
    --accent-color-ink: var(--color-ink-orange);
    --accent-color-ink-hover: var(--color-ink-hover-orange);
    --accent-color-ink-on-solid: var(--color-base-1);
    --accent-color-surface-l1: var(--color-surface-l1-orange);
    --accent-color-surface-l2: var(--color-surface-l2-orange);
    --accent-color-soft-l1: var(--color-soft-l1-orange);
    --accent-color-soft-l2: var(--color-soft-l2-orange);
    --accent-color-soft-l3: var(--color-soft-l3-orange);
    --accent-color-glow: var(--color-glow-orange);
}

.accent-color-red {
    --accent-color-name: red;
    --accent-color-solid: var(--color-solid-red);
    --accent-color-solid-hover: var(--color-solid-hover-red);
    --accent-color-ink: var(--color-ink-red);
    --accent-color-ink-hover: var(--color-ink-hover-red);
    --accent-color-ink-on-solid: var(--color-base-2);
    --accent-color-surface-l1: var(--color-surface-l1-red);
    --accent-color-surface-l2: var(--color-surface-l2-red);
    --accent-color-soft-l1: var(--color-soft-l1-red);
    --accent-color-soft-l2: var(--color-soft-l2-red);
    --accent-color-soft-l3: var(--color-soft-l3-red);
    --accent-color-glow: var(--color-glow-red);
}

.accent-color-pink {
    --accent-color-name: pink;
    --accent-color-solid: var(--color-solid-pink);
    --accent-color-solid-hover: var(--color-solid-hover-pink);
    --accent-color-ink: var(--color-ink-pink);
    --accent-color-ink-hover: var(--color-ink-hover-pink);
    --accent-color-ink-on-solid: var(--color-base-2);
    --accent-color-surface-l1: var(--color-surface-l1-pink);
    --accent-color-surface-l2: var(--color-surface-l2-pink);
    --accent-color-soft-l1: var(--color-soft-l1-pink);
    --accent-color-soft-l2: var(--color-soft-l2-pink);
    --accent-color-soft-l3: var(--color-soft-l3-pink);
    --accent-color-glow: var(--color-glow-pink);
}

.accent-color-brown {
    --accent-color-name: brown;
    --accent-color-solid: var(--color-solid-brown);
    --accent-color-solid-hover: var(--color-solid-hover-brown);
    --accent-color-ink: var(--color-ink-brown);
    --accent-color-ink-hover: var(--color-ink-hover-brown);
    --accent-color-ink-on-solid: var(--color-base-2);
    --accent-color-surface-l1: var(--color-surface-l1-brown);
    --accent-color-surface-l2: var(--color-surface-l2-brown);
    --accent-color-soft-l1: var(--color-soft-l1-brown);
    --accent-color-soft-l2: var(--color-soft-l2-brown);
    --accent-color-soft-l3: var(--color-soft-l3-brown);
    --accent-color-glow: var(--color-glow-brown);
}

.accent-color-grey {
    --accent-color-name: grey;
    --accent-color-solid: var(--color-solid-grey);
    --accent-color-solid-hover: var(--color-solid-hover-grey);
    --accent-color-ink: var(--color-ink-grey);
    --accent-color-ink-hover: var(--color-ink-hover-grey);
    --accent-color-ink-on-solid: var(--color-base-2);
    --accent-color-surface-l1: var(--color-surface-l1-grey);
    --accent-color-surface-l2: var(--color-surface-l2-grey);
    --accent-color-soft-l1: var(--color-soft-l1-grey);
    --accent-color-soft-l2: var(--color-soft-l2-grey);
    --accent-color-soft-l3: var(--color-soft-l3-grey);
    --accent-color-glow: var(--color-glow-grey);
}

.accent-color-achromatic {
    --accent-color-name: achromatic;
    --accent-color-solid: var(--color-solid-achromatic);
    --accent-color-solid-hover: var(--color-solid-hover-achromatic);
    --accent-color-ink: var(--color-ink-achromatic);
    --accent-color-ink-hover: var(--color-ink-hover-achromatic);
    --accent-color-ink-on-solid: var(--color-on-solid-achromatic);
    --accent-color-surface-l1: var(--color-surface-l1-achromatic);
    --accent-color-surface-l2: var(--color-surface-l2-achromatic);
    --accent-color-soft-l1: var(--color-soft-l1-achromatic);
    --accent-color-soft-l2: var(--color-soft-l2-achromatic);
    --accent-color-soft-l3: var(--color-soft-l3-achromatic);
    --accent-color-glow: var(--color-glow-achromatic);
}