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

:root {
    --3c-primary: 64 167 152;              /* #40A798 */
    --3c-primary-hover: 40 115 104;        /* #287368 */
    --3c-danger: 231 89 106;               /* #E7596A */
    --3c-info: 242 251 250;                /* #F2FBFA */
    --3c-info-alternative: 230 239 249;    /* #E6EFF9 */
    --3c-secondary: 236 236 236;           /* #ECECEC */

    --background-main: 23 23 48;           /* #171730 */
    --background-secondary: 28 28 58;      /* Slightly lighter than main */
    --background-tertiary: 34 34 70;       /* More contrast layer */

    --3c-text: 240 244 255;                /* Light text for dark bg */
    --3c-text-alternative: 199 210 254;    /* Softer alternative (#c7d2fe) */
    --3c-text-muted: 148 163 184;          /* #94a3b8 */
    --3c-text-muted-alternative: 125 140 168; /* Desaturated variant */
    --3c-text-info-alternative: 51 65 85; /* #334155 (Slate 700 - clean and modern) */

    --3c-link: 59 130 246;                 /* #3b82f6 */
    --3c-link-alternative: 37 99 235;      /* #2563eb */

    --3c-icon-bg: 41 50 75;                /* Muted bluish background for icons */
}