/* CSS VARIABLES                              */
/* Color palette, spacing, fonts, shadows.    */
/* Used by: All other CSS files via var()     */

:root {
    --calendar-green: #00b300;
    --calendar-green-dark: #009900;
    --holiday-red: #ff0000;
    --event-blue: #0066cc;
    --light-bg: #f8f9fa;
    --border-color: #dee2e6;
    --text-dark: #2c3e50;

    /* Urgency-based colors */
    --urgent: #ef4444;
    --high: #f97316;
    --normal: #3b82f6;
    --low: #6b7280;
    --active: #22c55e;

    /* Old type colors (for backwards compatibility) */
    --type-appointment: #3b82f6;
    --type-followup: #f59e0b;
    --type-queue: #06b6d4;
    --type-finished: #22c55e;
    --type-cancelled: #ef4444;

    /* New status colors */
    --status-scheduled: #3b82f6;
    --status-arrived: #8b5cf6;
    --status-ready: #f59e0b;
    --status-in-treatment: #22c55e;
    --status-completed: #10b981;
    --status-needs-followup: #f97316;
    --status-walk-in: #06b6d4;
    --status-no-show: #6b7280;
    --status-cancelled: #ef4444;

    /* Provider colors — synced with PROVIDER_COLORS in config.js */
    /* 20 colors, evenly spaced 18° around the hue wheel */
    --provider-1:  #e61919;  /* Red */
    --provider-2:  #e65719;  /* Red-Orange */
    --provider-3:  #e69419;  /* Orange */
    --provider-4:  #e6d119;  /* Yellow-Orange */
    --provider-5:  #bde619;  /* Yellow-Green */
    --provider-6:  #80e619;  /* Lime */
    --provider-7:  #42e619;  /* Green-Yellow */
    --provider-8:  #19e62e;  /* Green */
    --provider-9:  #19e66b;  /* Spring Green */
    --provider-10: #19e6a8;  /* Teal */
    --provider-11: #19e6e6;  /* Cyan */
    --provider-12: #19a8e6;  /* Sky Blue */
    --provider-13: #196be6;  /* Blue */
    --provider-14: #192ee6;  /* Indigo */
    --provider-15: #4219e6;  /* Blue-Violet */
    --provider-16: #8019e6;  /* Violet */
    --provider-17: #bd19e6;  /* Purple */
    --provider-18: #e619d1;  /* Fuchsia */
    --provider-19: #e61994;  /* Pink */
    --provider-20: #e61957;  /* Rose */
}