/*
 * GHLTheme — CSS Variables (Profesional Claro)
 * Estos valores deben coincidir con frontend/js/theme.js
 */
:root {
    /* ── Fondos ── */
    --bg-base:       #ffffff;
    --bg-crust:      #f1f3f8;
    --bg-surface0:   #f7f8fb;
    --bg-surface1:   #e2e5ed;
    --bg-surface2:   #cdd1db;
    --bg-overlay0:   #eceef3;

    /* ── Texto ── */
    --text-primary:   #1e293b;
    --text-secondary: #64748b;
    --text-muted:     #94a3b8;
    --text-subtext:   #475569;

    /* ── Funcionales ── */
    --status-success: #059669;
    --status-error:   #dc2626;
    --status-warning: #d97706;
    --status-info:    #2563eb;
    --status-yellow:  #ca8a04;
    --status-purple:  #7c3aed;

    /* ── Fondos funcionales ── */
    --statusbg-success: #ecfdf5;
    --statusbg-error:   #fef2f2;
    --statusbg-warning: #fffbeb;
    --statusbg-info:    #eff6ff;

    /* ── Gradientes ── */
    --gradient-primary-start: #5b73b5;
    --gradient-primary-end:   #7b68a8;
    --gradient-success-start: #0d9488;
    --gradient-success-end:   #34d399;
    --gradient-danger-start:  #c084c0;
    --gradient-danger-end:    #e06070;

    /* ── Body background ── */
    --body-bg-start: #e8edf5;
    --body-bg-end:   #ece8f5;

    /* ── Layout (shell claro) ── */
    --bg-light:      #f8f9fa;
    --bg-white:      #ffffff;
    --text-dark:     #1f2937;
    --text-gray:     #6b7280;
    --border-color:  #e5e7eb;

    /* ── Extras ── */
    --terminal-green:  #059669;
    --edit-btn:        #6366f1;
    --download-btn:    #059669;
}