body.anime-style-black {
    /*--head-grad: linear-gradient(180deg, #16161a 0%, #121214 40%, #0e0e10 70%, #050506 100%);*/
    /*--head-grad: linear-gradient(180deg, #7a7a80 0%, #5f5f66 20%, #44444b 45%, #2a2a2f 70%,#141416 100%); /*gris acero*/
    --head-grad: linear-gradient(180deg, #909096 0%, #6d6d73 25%, #4b4b50 50%, #2e2e33 75%, #18181b 100%);/* grafito*/
     --brand-hue: 100;
    /*--head-grad: linear-gradient(180deg, #b3b3b8 0%, #8d8d92 18%, #636368 40%, #3d3d42 68%, #1c1c1f 100%);*/
    /*--catalog-body-bg: #0b0b0c;*/
    --catalog-body-bg: #212529;
    --catalog-page-surface: #212529;
    --catalog-topbar-bg: linear-gradient(180deg, rgba(20, 20, 22, 0.98), rgba(11, 11, 12, 0.85));
    --catalog-hero-bg: linear-gradient(180deg, rgba(26, 26, 30, 0.96), rgba(14, 14, 16, 0.96));
    --catalog-search-bg: rgba(28, 28, 32, 0.98);
    --catalog-surface: rgba(34, 34, 38, 0.96);
    /*--catalog-panel: rgba(26, 26, 30, 0.98);*/
     /*--catalog-panel: rgba(255, 255, 255, 0.98);*/
     --catalog-panel: hsl(var(--brand-hue) 0% 50%) ;
    --catalog-panel-soft: rgba(255, 255, 255, 0.04);
    --catalog-text: rgba(255, 255, 255, 0.98);
    --catalog-muted: #505058;
    --catalog-border: rgba(255, 255, 255, 0.07);
    --catalog-accent: #71717a;
    --catalog-accent-strong: #a1a1aa;
    --catalog-chip-bg: rgb(255 255 255 / 40%);
    --catalog-chip-active-bg: linear-gradient(0deg, #27272a, #52525b);
    --catalog-chip-active-text: #ffffff;
    --catalog-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
    --catalog-series-card-footer: -28px 0px 0px 0px;
    --catalog-series-progress-track: rgba(255, 255, 255, 0.07);
    --catalog-series-progress-fill: linear-gradient(90deg, #4580ae, #189bc6);

    --detail-inner-bg: rgb(255 255 255 / 25%);

    --detail-inner-border: rgb(255 255 255 / 40%);
    --detail-inner-badge: rgb(255 255 255 / 45%);
    --badge-primary-bg: #28a745;
    --badge-secondary-bg: #4580ae;

    --catalog-table-odd: #060607;
    --catalog-table-even: #02020242;
}