:root {
    --color-primary: #2563eb;
    --color-secondary: #7c3aed;
    --color-accent: #0891b2;
    --color-success: #059669;
    --color-warning: #d97706;
    --color-danger: #dc2626;
    --color-info: #2563eb;
    --bg-page: #f8fafc;
    --bg-card: #ffffff;
    --bg-hover: #f1f5f9;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    --border-color: #e2e8f0;
    --border-focus: #2563eb;
    --color-primary-text: #ffffff;
    --color-secondary-text: #ffffff;
    --color-accent-text: #ffffff;
    --color-success-text: #ffffff;
    --color-warning-text: #ffffff;
    --color-danger-text: #ffffff;
    --color-info-text: #ffffff;
}