: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)}