/* STEP 1: Define ALL your colors HERE ONLY */
:root {
    /* Primary colors */
    --primary-main: #FF0000;
    --primary-dark: #5a4a8f;
    --primary-light: #7a66b9;
    /* Secondary colors */
    --secondary-main: #FF8C00;
    --secondary-dark: #e07d00;
    --secondary-light: #ff9a26;
    /* Background colors */
    --background-default: #FFFFFF;
    --background-paper: #F5F5F5;
    /* Text colors */
    --text-primary: #000000;
    --text-secondary: #666666;
    /* Module Colors */
    --module-sms: #4CAF50;
    --module-email: #6200EE;
    --module-whatsapp: #25D366;
    --module-push-notification: #FF9800;
    --module-web-notification: #F44336;
    --module-einvoice: #00BCD4;
    --module-ewaybill: #9C27B0;
    --module-payment-gateway: #795548;
    --module-default: #6200EE;
    /* Type Colors */
    --type-sms: #4CAF50;
    --type-email: #6200EE;
    --type-whatsapp: #25D366;
    --type-generate-irn: #00BCD4;
    --type-cancel-irn: #F44336;
    --type-default: #6200EE;
    /* Status Colors */
    --status-success: #4CAF50;
    --status-success-bg: rgba(76, 175, 80, 0.1);
    --status-error: #F44336;
    --status-error-bg: rgba(244, 67, 54, 0.1);
    --status-warning: #FF9800;
    --status-warning-bg: rgba(255, 152, 0, 0.1);
    /* Chart Colors */
    --chart-color-1: #6200EE;
    --chart-color-2: #FF4081;
    --chart-color-3: #4CAF50;
    --chart-color-4: #FF9800;
    --chart-color-5: #00BCD4;
    /* UI Colors */
    --trend-up: #4CAF50;
    --trend-down: #F44336;
    --revenue-positive: #4CAF50;
    --revenue-negative: #F44336;
    --stat-card-bg: rgba(98, 0, 238, 0.03);
    --revenue-card-bg: rgba(255, 64, 129, 0.03);
}