@import 'color.css';

:root {
    /* Backgrounds */
    --background-primary: var(--color-cyan);
    --background-secondary: var(--color-orange);
    --background-light: var(--color-white);
    --background-disabled: var(--color-disabled);
    --background-primary-hover: #28B2B8;
    --background-secondary-hover: #E17F1E;
    /* Text Colors */
    --text-primary: var(--color-black);
    --text-secondary: var(--color-cyan);
    --text-light: var(--color-white);
    --text-muted: var(--color-disabled);
    --text-orange: var(--color-orange);
    /* Border Colors */
    --border-light: var(--color-gray-light);
    --border-strong: var(--color-gray-mid);
}