/* ============================================================
   PuntoVenta SaaS - Tema Beige (Beauty / Cosmética)
   Paleta cálida blush-beige inspirada en tiendas de belleza.
   Especificidad [data-theme] = 0,1,0 > :root 0,0,1
   ============================================================ */

[data-theme="beige"] {

    /* Brand */
    --pv-color-brand-primary:        #c4714a;   /* terracota / acento de nav activo  */
    --pv-color-brand-primary-active: #a85a35;   /* terracota oscuro                  */
    --pv-color-brand-accent:         #d4957a;   /* rosa salmón                       */
    --pv-color-brand-accent-active:  #ba7a60;   /* salmón oscuro                     */

    /* Backgrounds */
    --pv-color-bg-primary:   #f5e6dc;   /* beige blush principal   */
    --pv-color-bg-secondary: #edd5c8;   /* blush más saturado      */

    /* Surfaces — semitransparentes para dejar ver el degradé del body */
    --pv-color-surface-primary:   rgba(255, 255, 255, 0.72);
    --pv-color-surface-secondary: rgba(249, 237, 229, 0.80);

    /* Bordes */
    --pv-color-border-primary:   #e8d0c5;
    --pv-color-border-secondary: #c8a898;

    /* Texto */
    --pv-color-text-primary:   #1a1a1a;   /* negro suave del logo / headings */
    --pv-color-text-secondary: #5c4a42;   /* gris cálido                     */
    --pv-color-text-tertiary:  #9e8880;   /* gris claro cálido               */
    --pv-color-text-inverse:   #ffffff;

    /* Inputs */
    --pv-input-bg:          #ffffff;
    --pv-input-color:       #1a1a1a;
    --pv-input-border:      #c8a898;
    --pv-input-border-focus:#c4714a;
    --pv-input-readonly-bg: #f0e5df;
    --pv-input-placeholder: #b0988e;

    /* Sidebar */
    --pv-sidebar-bg:          #2c1a14;               /* marrón oscuro cálido           */
    --pv-sidebar-text:        rgba(255, 255, 255, 0.65);
    --pv-sidebar-active-bg:   rgba(196, 113, 74, 0.18);
    --pv-sidebar-active-text: #d4957a;
    --pv-sidebar-border:      rgba(255, 255, 255, 0.06);

    /* Cards */
    --pv-card-bg:           rgba(255, 255, 255, 0.72);
    --pv-card-border:       #e8d0c5;
    --pv-card-shadow:       0 1px 3px rgba(100, 60, 40, 0.08), 0 1px 2px rgba(100, 60, 40, 0.04);
    --pv-card-shadow-hover: 0 8px 30px rgba(100, 60, 40, 0.10);

    /* Tablas */
    --pv-table-header-bg:    rgba(237, 213, 200, 0.85);
    --pv-table-row-bg:       rgba(255, 255, 255, 0.55);
    --pv-table-row-alt-bg:   rgba(245, 230, 220, 0.60);
    --pv-table-row-hover:    rgba(196, 113, 74, 0.10);
    --pv-table-border:       #e8d0c5;
    --pv-table-child-bg:     #f5d5c8;

    /* Iconos: fondo claro → iconos en negro original */
    --pv-icon-filter: none;

    /* Backward-compat */
    --pv-primary:      #c4714a;
    --pv-primary-dark: #a85a35;
    --pv-accent:       #d4957a;
}

[data-theme="beige"] body {
    background: linear-gradient(135deg, #f0bba8 0%, #f5e6dc 50%, #fdf8f5 100%);
    background-attachment: fixed;
    min-height: 100vh;
}