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

:root {
    --3c-primary: 100 66 255;              /* #6442FF */
    --3c-primary-hover: 62 42 163;         /* #3E2AA3 */
    --3c-danger: 231 89 106;               /* #E7596A */
    --3c-info: 50 50 80;                   /* #323250 */
    --3c-info-alternative: 217 210 233;    /* #D9D2E9 */
    --3c-secondary: 236 236 236;           /* #ECECEC */

    --background-main: 0 0 0;              /* #000000 */
    --background-secondary: 18 17 20;      /* #121114 */
    --background-tertiary: 30 34 40;       /* #1E2228 */

    --3c-text: 240 244 255;                /* #F0F4FF */
    --3c-text-alternative: 179 190 224;    /* #B3BEE0 */
    --3c-text-muted: 148 163 184;          /* #94A3B8 */
    --3c-text-muted-alternative: 125 140 168; /* #7D8CA8 */
    --3c-text-info-alternative: 159 185 243;  /* #9FB9F3 */

    --3c-link: 100 66 255;                 /* #6442FF */
    --3c-link-alternative: 62 42 163;      /* #3E2AA3 */

    --3c-icon-bg: 82 62 123;                /* #523E7B */
}