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

:root {
    --3c-primary: 106 56 248; /* #6a38f8 - from client */
    --3c-primary-hover: 85 29 228; /* #551de4 - from client (as "primary-darker"*/
    --3c-danger: 248 64 75; /* #f8404b - from client */
    --3c-info: 30 33 44; /* #1E212C - from client */
    --3c-info-alternative: 27 27 39; /* #1B1B27 - from client */
    --3c-secondary: 56 50 93; /* #38325d - from client */
    --background-main: 24 26 31; /* #181A1F - from client */

    --background-secondary: 30 33 44; /* #1E212C */
    --background-tertiary: 5 0 5; /* #050005 */

    --3c-text: 240 244 255; /* #F0F4FF - bright white for main text */
    --3c-text-alternative: 199 210 254; /* #c7d2fe - soft blue-white for alternative text */
    --3c-text-muted: 148 163 184; /* #94A3B8 - muted but readable */
    --3c-text-muted-alternative: 125 140 168; /* #7D8CA8 - more muted but still readable */

    --3c-icon-bg: 82 62 123; /* #523E7B - lighter purple for better contrast */
}