/* FABIAN-STORE — paleta global: negro azulado, verde neón y superficies claras */
:root{
 --fs-ink:#172033; --fs-muted:#5b667a; --fs-paper:#f5f7fb; --fs-white:#fff;
 --fs-primary:#39ff14; --fs-primary-dark:#20c900; --fs-accent:#39ff14;
 --fs-border:#dce3ee; --fs-shadow:0 12px 30px rgba(23,32,51,.09);
 --palette-navy:#101510; --palette-blue:#39ff14; --palette-teal:#39ff14; --palette-gold:#39ff14; --palette-neon:#39ff14;
}
html{background:var(--fs-paper);color:var(--fs-ink)}
body{background:var(--fs-paper);color:var(--fs-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
/* Superficies generales */
main,.main-content,.content,.page-content,.admin-main,.admin-content,.dashboard,.container{color:var(--fs-ink)}
.card,.panel,.stat-card,.dashboard-card,.product-card,.product,.modal-content,.form-card,.table-wrap,.table-responsive,.content-card,.section-card{
 background:#fff;color:var(--fs-ink);border-color:var(--fs-border);box-shadow:var(--fs-shadow);border-radius:15px
}
/* Encabezados y navegación */
header,.store-header,.topbar,.admin-header,.page-header,.navbar{border-color:var(--fs-border)}
.store-header,.store-header.is-solid,.topbar,.admin-header,.page-header{background:#fff;color:var(--fs-ink)}
.admin-sidebar,.sidebar,.sidenav,.side-nav{background:var(--palette-navy);color:#f7f9ff}
.admin-sidebar a,.sidebar a,.sidenav a,.side-nav a{color:#e8eefb}
.admin-sidebar a:hover,.sidebar a:hover,.sidenav a:hover,.side-nav a:hover{background:rgba(57,255,20,.18);color:#fff}
/* Acciones principales */
button,.btn,.button,input[type=submit],input[type=button],.store-btn,.product-select,.btn-primary{
 transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.btn-primary,.store-btn,.btn:not(.btn-secondary):not(.btn-outline),button[type=submit],input[type=submit]{background:var(--palette-blue);color:#101510;border-color:#20c900}
.btn-primary:hover,.store-btn:hover,.btn:not(.btn-secondary):not(.btn-outline):hover,button[type=submit]:hover,input[type=submit]:hover{background:var(--fs-primary-dark);border-color:var(--fs-primary-dark);color:#101510;color:#101510}
.btn-secondary,.btn-outline{background:#fff;color:var(--fs-ink);border:1px solid var(--fs-border)}
.btn-success,.badge-success,.status-success{background:#39ff14;color:#101510;border-color:#20c900}
/* Campos */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{
 background:#fff;color:var(--fs-ink);border:1px solid #c7d1e0;border-radius:9px
}
input::placeholder,textarea::placeholder{color:#7a8598;opacity:1}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(57,255,20,.22);border-color:#20c900}
/* Tablas */
table{border-color:var(--fs-border)}
thead th{background:#eef4eb;color:#172033;border-color:var(--fs-border)}
tbody tr:nth-child(even){background:#fbfdf9}
tbody tr:hover{background:#f0ffe9}
th,td{border-color:var(--fs-border)}
/* Catálogo público */
.promo-marquee{background:var(--palette-navy);color:#fff}
.utility-bar{background:#101510;color:#39ff14}
.store-nav a:hover,.store-nav button:hover,.fs-category-nav a:hover{color:#20c900}
.fs-category-nav{background:#fff;border-color:var(--fs-border)}
.fs-category-nav a{background:#eef4eb;color:#172033;border-color:#dce3ee}
.fs-category-nav a:hover,.fs-category-nav a:focus-visible{background:var(--palette-blue);color:#101510}
/* No aplicar el shorthand background a .category-tile: borra las fotos de fondo cargadas por el panel. */
.cat-product,.product-card,.product-tools,.cart-dropdown-panel{background:#fff;color:var(--fs-ink);border:1px solid var(--fs-border);box-shadow:var(--fs-shadow)}
.category-tile{color:#fff;border:1px solid var(--fs-border);box-shadow:var(--fs-shadow)}
.cat-price,.price,.product-price{color:#20c900}
.store-footer-v5,footer{background:var(--palette-navy);color:#f7f9ff}
.store-footer-v5 a,.store-footer-v5 p,.store-footer-v5 span,footer a{color:inherit}
/* Login y formularios */
.login-card,.login-box,.auth-card,.auth-container{background:#fff;border:1px solid var(--fs-border);box-shadow:0 18px 50px rgba(17,28,51,.12);border-radius:20px}
/* Estados y accesibilidad */
a{transition:color .18s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--palette-neon);outline-offset:2px}
@media(max-width:760px){.card,.panel,.stat-card,.dashboard-card{border-radius:12px}.table-responsive,.table-wrap{max-width:100%;overflow-x:auto}}
/* El verde neón sustituye los acentos verdes y los textos blancos decorativos sobre fondos oscuros. */
.admin-sidebar,.sidebar,.sidenav,.side-nav{color:#39ff14}
.admin-sidebar a,.sidebar a,.sidenav a,.side-nav a{color:#39ff14}
.promo-marquee,.store-footer-v5,footer{color:#39ff14}
.store-footer-v5 a,.store-footer-v5 p,.store-footer-v5 span,footer a{color:#39ff14}