:root {
    /*
    Table
    */
    --table-card-background-color: #ffffff;
    --table-card-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

    /*
    Header
    */
    --table-header-border-color: #e5e7eb;
    --table-header-icon-color: #9ca3af;
    --table-header-input-border-color: #d1d5db;
    --table-header-input-focus-color: #3b82f6;
    --table-header-input-focus-border-color: rgba(59, 130, 246, 0.1);

    /*
    Body
    */
    --table-body-background-header: #f9fafb;
    --table-body-background-body: #fff;
    --table-body-background-hover: #f3f4f6;
    --table-body-border: #e5e7eb;
    --table-body-text-primary: #111827;
    --table-body-text-secondary: #6b7280;
    --table-body-text-white: #ffffff;
    --table-body-status-active-bg: #d1fae5;
    --table-body-status-active-text: #065f46;
    --table-body-status-inactive-bg: #f3f4f6;
    --table-body-status-inactive-text: #1f2937;
    --table-body-button-primary: #111827;
    --table-body-button-primary-hover: #1f2937;

    /*
    Footer
    */
    --table-footer-border-color: #e5e7eb;
    --table-footer-info-color: #374151;
    --table-footer-btn-border-color: #d1d5db;
    --table-footer-btn-color: #d1d5db;
    --table-footer-btn-hover-color: #f9fafb;
    --table-footer-active-background-color: #3b82f6;
    --table-footer-active-color: #3b82f6;
    --table-footer-active-border-color: #3b82f6;
    --table-footer-active-border-active-color: #2563eb;

    /*
    Metrics Dashboard
    */
    --metricsDashboard-color-title: #111827;
    --metricsDashboard-color-subtitle: #4b5563;


    /*
    Stat Card
    */
    --statCard-color-background: white;
    --statCard-color-border: #f3f4f6;
    --statCard-color-shadow: rgba(0, 0, 0, 0.1);
    --statCard-color-title: #4b5563;
    --statCard-color-value: #111827;
    --statCard-color-icon-text: white;
    --statCard-color-icon-blue: #3b82f6;
    --statCard-color-icon-purple: #8b5cf6;
    --statCard-color-icon-indigo: #6366f1;
    --statCard-color-icon-green: #22c55e;

    /*
    Line Chart
    */

    --lineChart-color-background: white;
    --lineChart-color-border: #edf2f7;
    --lineChart-color-shadow: rgba(0, 0, 0, 0.05);
    --lineChart-color-title: #2d3748;
    --lineChart-color-subtitle: #718096;
    --lineChart-color-grid: #e2e8f0;
    --lineChart-color-blue: #3182ce;
    --lineChart-color-purple: #805ad5;
    --lineChart-color-hover-guide: #cbd5e0;
    --lineChart-color-axis-label: #a0aec0;
    --lineChart-color-tooltip-shadow: rgba(0, 0, 0, 0.1);
    --lineChart-color-tooltip-text: #4a5568;

    /*
    Pie Chart
    */
    --pieChart-color-background: white;
    --pieChart-color-border: #f3f4f6;
    --pieChart-color-shadow: rgba(0, 0, 0, 0.1);
    --pieChart-color-title: #111827;
    --pieChart-color-legend-text: #374151;
    --pieChart-color-blue: #3b82f6;
    --pieChart-color-purple: #8b5cf6;
}
