:root {
    /* Default Colors - These will be overridden by dynamic colors */
    --primary-color: #16767b;
    --primary-light: #1a8a90;
    --primary-bg-light: #e6f3f4;
    --primary-opacity-15: #16767b26;
    
    --secondary-color: #741b5f;
    --secondary-light: #8a2170;
    --secondary-bg-light: #f5e6f2;
    --secondary-opacity-15: #741b5f26;
    
    /* Chart Colors */
    --chart-primary: #16767b;
    --chart-secondary: #741b5f;
    --chart-warning: #ffd700;
    
    /* Primary Chart Colors */
    --chart-primary-light: #2c9da9;
    --chart-primary-lighter: #43c4d3;
    --chart-primary-lightest: #5ad9e8;
    --chart-primary-pale: #71eefd;
    
    /* Secondary Chart Colors */
    --chart-secondary-light: #8a2b73;
    --chart-secondary-lighter: #a03b87;
    --chart-secondary-lightest: #b64b9b;
    --chart-secondary-pale: #cc5baf;
    
    /* Other Colors */
    --bg-color: #f8f9fa;
    --white: #ffffff;
    --text-dark: #333333;
    --text-muted: #6c757d;
    --warning-color: #ffd700;
    --warning-opacity-15: rgba(255, 215, 0, 0.15);
    --danger-color: #dc3545;
    --danger-opacity-15: rgba(220, 53, 69, 0.15);
    --shadow-color: rgba(0, 0, 0, 0.1);
    --shadow-color-light: rgba(0, 0, 0, 0.25);
    --border-color: #dee2e6;
    --border-light: #e9ecef;
}

/* Text Selection Styles */
::selection {
    background-color: var(--secondary-color);
    color: var(--white);
}

::-moz-selection {
    background-color: var(--secondary-color);
    color: var(--white);
}