51 lines
1.4 KiB
CSS
51 lines
1.4 KiB
CSS
:root {
|
|
/* Primary Colors */
|
|
--primary-color: #16767b;
|
|
--primary-light: #1a8a90;
|
|
|
|
/* Secondary Colors */
|
|
--secondary-color: #741b5f;
|
|
--secondary-light: #8a2170;
|
|
|
|
/* Background Colors */
|
|
--bg-color: #f8f9fa;
|
|
--white: #ffffff;
|
|
--primary-bg-light: #e6f3f4;
|
|
|
|
/* Text Colors */
|
|
--text-dark: #333333;
|
|
--text-muted: #6c757d;
|
|
|
|
/* Status Colors */
|
|
--warning-color: #ffd700;
|
|
--danger-color: #dc3545;
|
|
|
|
/* Shadow Colors */
|
|
--shadow-color: rgba(0, 0, 0, 0.1);
|
|
--shadow-color-light: rgba(0, 0, 0, 0.25);
|
|
|
|
/* Border Colors */
|
|
--border-color: #dee2e6;
|
|
--border-light: #e9ecef;
|
|
|
|
/* Opacity Colors */
|
|
--primary-opacity-8: rgba(22, 118, 123, 0.08);
|
|
--primary-opacity-12: rgba(22, 118, 123, 0.12);
|
|
--primary-opacity-15: rgba(22, 118, 123, 0.15);
|
|
--primary-opacity-20: rgba(22, 118, 123, 0.2);
|
|
--warning-opacity-15: rgba(255, 215, 0, 0.15);
|
|
--danger-opacity-15: rgba(220, 53, 69, 0.15);
|
|
|
|
/* Chart Colors */
|
|
--chart-primary: #16767b;
|
|
--chart-secondary: #741b5f;
|
|
--chart-warning: #ffd700;
|
|
--chart-primary-light: #2c9da9;
|
|
--chart-primary-lighter: #43c4d3;
|
|
--chart-primary-lightest: #5ad9e8;
|
|
--chart-primary-pale: #71eefd;
|
|
--chart-secondary-light: #8a2b73;
|
|
--chart-secondary-lighter: #a03b87;
|
|
--chart-secondary-lightest: #b64b9b;
|
|
--chart-secondary-pale: #cc5baf;
|
|
} |