/* ============================================================
   PuntoVenta SaaS - Tema Dark Blue
   Fondo slate-900 + sidebar indigo profundo + acentos amber.
   ============================================================ */

[data-theme="dark-blue"] {

    /* Brand: amber en lugar de indigo */
    --pv-color-brand-primary:        #f59e0b;
    --pv-color-brand-primary-active: #d97706;
    --pv-color-brand-accent:         #fbbf24;
    --pv-color-brand-accent-active:  #f59e0b;

    /* Backgrounds */
    --pv-color-bg-primary:   #0f172a;
    --pv-color-bg-secondary: #060d1a;

    /* Surfaces */
    --pv-color-surface-primary:   rgba(30, 27, 75, 0.6);
    --pv-color-surface-secondary: #1e1b4b;

    /* Bordes */
    --pv-color-border-primary:   rgba(255, 255, 255, 0.05);
    --pv-color-border-secondary: rgba(255, 255, 255, 0.1);

    /* Texto */
    --pv-color-text-primary:   #e2e8f0;
    --pv-color-text-secondary: rgba(255, 255, 255, 0.6);
    --pv-color-text-tertiary:  rgba(255, 255, 255, 0.4);
    --pv-color-text-inverse:   #0f172a;

    /* Estado */
    --pv-color-status-danger:  #f87171;
    --pv-color-status-success: #4ade80;
    --pv-color-status-warning: #fbbf24;
    --pv-color-status-info:    #38bdf8;

    /* Inputs */
    --pv-input-bg:          rgba(15, 23, 42, 0.8);
    --pv-input-color:       #e2e8f0;
    --pv-input-border:      rgba(255, 255, 255, 0.15);
    --pv-input-border-focus:#f59e0b;
    --pv-input-readonly-bg: rgba(255, 255, 255, 0.05);
    --pv-input-placeholder: rgba(255, 255, 255, 0.3);

    /* Sidebar: indigo profundo #1e1b4b + acentos amber */
    --pv-sidebar-bg:          #1e1b4b;
    --pv-sidebar-text:        rgba(255, 255, 255, 0.6);
    --pv-sidebar-active-bg:   rgba(245, 158, 11, 0.1);
    --pv-sidebar-active-text: #f59e0b;
    --pv-sidebar-border:      rgba(255, 255, 255, 0.05);

    /* Cards */
    --pv-card-bg:           rgba(30, 27, 75, 0.6);
    --pv-card-border:       rgba(255, 255, 255, 0.05);
    --pv-card-shadow:       0 4px 6px rgba(0, 0, 0, 0.3);
    --pv-card-shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.4);

    /* Tablas */
    --pv-table-header-bg:  rgba(30, 27, 75, 0.8);
    --pv-table-row-bg:     #16143a;
    --pv-table-row-alt-bg: #2d2b5e;
    --pv-table-row-hover:  rgba(245, 158, 11, 0.15);
    --pv-table-border:     rgba(255, 255, 255, 0.05);
    --pv-table-child-bg:   rgba(245, 158, 11, 0.1);

    /* Iconos PNG: invertir a blanco sobre fondo oscuro */
    --pv-icon-filter: brightness(0) invert(1);

    /* Backward-compat */
    --pv-primary:      #f59e0b;
    --pv-primary-dark: #d97706;
    --pv-accent:       #fbbf24;
    --pv-bg-dark:      #0f172a;
    --pv-bg-darker:    #020617;
    --pv-card-shadow:  0 4px 6px rgba(0, 0, 0, 0.3);
}

/* Fondo base del documento */
[data-theme="dark-blue"] body {
    background-color: var(--pv-color-bg-primary);
    color: var(--pv-color-text-primary);
}