@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --3c-primary: 220 220 220; /* #DCDCDC */
    --3c-primary-hover: 180 180 180; /* #B4B4B4 */
    --3c-danger: 153 0 0; /* #990000 */
    --3c-info: 120 120 120; /* #787878 */
    --3c-info-alternative: 120 120 120; /* #787878 */
    --3c-secondary: 40 40 40; /* #282828 */
    --background-main: 0 0 0; /* #000000 */
    --background-secondary: 20 20 20; /* #141414 */
    --background-tertiary: 30 30 30; /* #1E1E1E */
    --3c-text: 230 230 230; /* #E6E6E6 */
    --3c-text-alternative: 200 200 200; /* #C8C8C8 */
    --3c-text-muted: 140 140 140; /* #8C8C8C */
    --3c-text-muted-alternative: 170 170 170; /* #AAAAAA */
    --3c-icon-bg: 180 180 180; /* #B4B4B4 */
    --3c-link: 180 200 230; /* #B4C8E6 */
}