/* CSS Variables - Global Site Variables */
:root {
    /* Primary Colors */
    --primary-color: rgb(101, 1, 250);
    --primary-color-rgb: 101, 1, 250;
    --primary-hover: rgba(101, 1, 250, 0.9);
    
    /* Brand Theme Colors */
    --brand-purple: rgb(101, 1, 250);
    --brand-purple-light: rgb(152, 83, 247);
    --brand-grey: rgb(162, 175, 205);
    --brand-orange: rgb(255, 103, 8);
    --brand-purple-rgb: 101, 1, 250;
    --brand-orange-rgb: 255, 103, 8;
    
    /* Medical Theme Colors (keeping for backward compatibility) */
    --medical-blue: rgb(101, 1, 250);
    --medical-green: rgb(152, 83, 247);
    --medical-blue-rgb: 101, 1, 250;
    --medical-green-rgb: 152, 83, 247;
    
    /* Secondary Colors */
    --secondary-color: #6c757d;
    --secondary-hover: #5a6268;
    
    /* Status Colors */
    --success-color: #28a745;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --info-color: #17a2b8;
    
    /* Background Colors */
    --bg-light: #f8f9fa;
    --bg-white: #ffffff;
    --bg-dark: #343a40;
    
    /* Text Colors */
    --text-primary: #2c3e50;
    --text-secondary: #6c757d;
    --text-muted: #6c757d;
    --text-white: #ffffff;
    
    /* Border Colors */
    --border-light: rgba(0, 0, 0, 0.05);
    --border-medium: rgba(0, 0, 0, 0.1);
    --border-dark: rgba(0, 0, 0, 0.2);
    
    /* Shadow Colors */
    --shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 8px rgba(0, 0, 0, 0.15);
    --shadow-heavy: 0 8px 16px rgba(0, 0, 0, 0.2);
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    
    /* Font Sizes */
    --font-xs: 0.75rem;
    --font-sm: 0.875rem;
    --font-base: 1rem;
    --font-lg: 1.125rem;
    --font-xl: 1.25rem;
    --font-2xl: 1.5rem;
    --font-3xl: 1.875rem;
    
    /* Font Weights */
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    
    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Z-index */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal: 1040;
    --z-popover: 1050;
    --z-tooltip: 1060;
}

/* RTL Support */
[dir="rtl"] {
    --spacing-start: 1rem;
    --spacing-end: 0rem;
}

[dir="ltr"] {
    --spacing-start: 0rem;
    --spacing-end: 1rem;
}