/* ============================================ */
/* VARIABLES DE COLOR - MODO CLARO             */
/* ============================================ */
:root.light {
    --bg-page: #f9fafb;
    --text-primary: #111827;
    --text-secondary: #374151;
    --card-bg: #ffffff;
    --card-border: #e5e7eb;
    --input-bg: #f3f4f6;
    --input-border: #d1d5db;
    --input-text: #111827;
    --button-bg: #2563eb;
    --button-hover: #1d4ed8;
    --table-header-bg: #f3f4f6;
    --table-row-bg: #ffffff;
    --table-row-hover: #f9fafb;
    --link-color: #2563eb;
    --border-color: #e5e7eb;
    --success-color: #059669;
    --error-color: #dc2626;
    --warning-color: #d97706;
    color-scheme: light;
}