/* Custom Styles */
/* Most styles are handled by Tailwind CSS (CDN) and dynamic React styles */

:root {
    --color-primary-50: 236 253 245;
    --color-primary-100: 209 250 229;
    --color-primary-200: 167 243 208;
    --color-primary-300: 110 231 183;
    --color-primary-400: 52 211 153;
    --color-primary-500: 16 185 129;
    --color-primary-600: 5 150 105;
    --color-primary-700: 4 120 87;
    --color-primary-800: 6 95 70;
    --color-primary-900: 6 78 59;
    --color-primary-950: 2 44 34;

    --color-secondary-50: 254 243 199;
    --color-secondary-100: 254 230 138;
    --color-secondary-200: 253 224 71;
    --color-secondary-300: 250 204 21;
    --color-secondary-400: 234 179 8;
    --color-secondary-500: 202 138 4;
    --color-secondary-600: 161 98 7;
    --color-secondary-700: 133 77 14;
    --color-secondary-800: 113 63 18;
    --color-secondary-900: 98 38 11;
    --color-secondary-950: 41 17 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'DM Sans', sans-serif;
}