/* Light Theme - Applied by default */
:root {
    color-scheme: light;

    /* Base Colors */
    --base-text: #000000;
    --base-text-secondary: rgb(75 85 99);
    --base-text-muted: rgb(107 114 128);
    --base-text-subtle: rgb(156 163 175);
    
    --base-bg: #ffffff;
    --base-bg-secondary: rgb(249 250 251);
    --base-bg-hover: rgb(243 244 246);
    
    --base-border: rgb(229 231 235);
    --base-border-secondary: rgb(209 213 219);
    --base-border-strong: rgb(156 163 175);

    /* Primary (Blue) */
    --bg-primary: rgb(37 99 235);
    --bg-primary-hover: rgb(29 78 216);
    --bg-primary-light: rgb(239 246 255);
    --text-on-primary: #ffffff;
    --border-primary: rgb(37 99 235);
    --border-primary-hover: rgb(29 78 216);
    --border-primary-light: rgb(191 219 254);
    --text-primary: rgb(37 99 235);
    --text-primary-hover: rgb(30 64 175);

    /* Secondary (Gray) */
    --bg-secondary: rgb(156 163 175);
    --bg-secondary-hover: rgb(107 114 128);
    --text-on-secondary: #ffffff;
    --border-secondary: rgb(156 163 175);
    --border-secondary-hover: rgb(107 114 128);
    --text-secondary: rgb(75 85 99);
    --text-secondary-hover: rgb(55 65 81);

    /* Success (Green) */
    --bg-success: rgb(22 163 74);
    --bg-success-hover: rgb(21 128 61);
    --bg-success-light: rgb(240 253 244);
    --text-on-success: #ffffff;
    --border-success: rgb(22 163 74);
    --border-success-hover: rgb(21 128 61);
    --border-success-light: rgb(187 247 208);
    --text-success: rgb(22 163 74);
    --text-success-hover: rgb(21 128 61);

    /* Danger (Red) */
    --bg-danger: rgb(220 38 38);
    --bg-danger-hover: rgb(185 28 28);
    --bg-danger-light: rgb(254 242 242);
    --text-on-danger: #ffffff;
    --border-danger: rgb(220 38 38);
    --border-danger-hover: rgb(185 28 28);
    --text-danger: rgb(220 38 38);
    --text-danger-hover: rgb(185 28 28);

    /* Warning (Yellow) */
    --bg-warning: rgb(234 179 8);
    --bg-warning-hover: rgb(202 138 4);
    --text-on-warning: #ffffff;
    --border-warning: rgb(234 179 8);
    --border-warning-hover: rgb(202 138 4);
    --text-warning: rgb(202 138 4);
    --text-warning-hover: rgb(161 98 7);

    /* Info (Teal) - for informational states */
    --bg-info: rgb(20 184 166);
    --bg-info-hover: rgb(13 148 136);
    --text-on-info: #ffffff;
    --border-info: rgb(20 184 166);
    --border-info-hover: rgb(13 148 136);
    --text-info: rgb(13 148 136);

    /* Orange - used for expenses/payments */
    --bg-orange: rgb(249 115 22);
    --bg-orange-light: rgb(255 247 237);
    --bg-orange-hover: rgb(255 237 213);
    --border-orange: rgb(249 115 22);
    --text-orange: rgb(194 65 12);

    /* Purple/Violet - used for practices */
    --bg-purple-light: rgb(250 245 255);
    --bg-violet-light: rgb(245 243 255);
    --border-purple: rgb(168 85 247);
    --border-violet: rgb(139 92 246);
    --border-violet-light: rgb(221 214 254);

    /* Form & Input States */
    --input-border: rgb(209 213 219);
    --input-border-focus: rgb(59 130 246);
    --input-border-error: rgb(239 68 68);
    --input-bg-error: rgb(254 242 242);
}