﻿/*variabili css custom globali per tema dark e light*/

:root {
    /*Colori*/
    --primary-color: var(--bs-primary, #bfbdfe);
    /*superfici*/
    --app-bg: #ffffff;
    --app-bg-layout: #f9f9f9;
    --secondary-color: var(--bs-secondary, #f2f2f5);
    --app-bg-laundry: #FAFAFA;
    /*testo*/
    --app-text: #222222;
    /*stati*/
    --success-bg: #43E99C61;
    --success-color: #255630;
    --danger-bg: #FF7B7B7A;
    --danger-color: #D03660;
    /*neutri*/
    --light-color: #f9f9f9;
    --dark-color: #222222;
    /*bordi*/
    --app-border-color: var(--bs-border-color);
    /*navigation-host*/
    --navigation-color: #5E5E5E;
    /*card review calendar*/
    --special-card-border: #E5E7EB;
    --special-card-bg: #F7F7F7;
    /*calendar cell*/
    --calendar-cell-bg: #fafafa;
    --calendar-cell-hover-bg: #f1f3ff;
    --calendar-cell-today-bg: #e6e6fc;
    --calendar-cell-today-hover-bg: #d8d9f8;
    /*modal*/
    --cleaner-chip-bg: #f2f2f5; /* non selezionato */
    --cleaner-chip-text: #222222;
    --cleaner-chip-hover-bg: #e9eaf6;
    --cleaner-chip-selected-bg: #b7f7d9; /* selezionato */
    --cleaner-chip-selected-text: #0f2a1c;
    --cleaner-chip-selected-hover-bg: #a6f0cf;
    /*tab host property*/
    --tab-host-bg: #f2f2f5;
    /*maps*/
    --maps-autocomplete-color: light;
    /* sidebar */
    --sidebar-link-hover-bg: #f8f9fa;
    --sidebar-link-hover-text: #495057;
    --sidebar-link-active-bg: #e3f2fd;
    --sidebar-link-active-text: #1976d2;
    --sidebar-link-active-border: #1976d2;
    --sidebar-header-border: #e4e4e4;
    /*eventi calendario host*/
    --chip-soft-opacity: .35; /* light: più soft */
    --chip-pending-bg: #FFF9DB;
    --chip-pending-bd: #E0C35A;
    --chip-pending-fg: #B89B2E;
    --chip-done-bg: #E2F7E1;
    --chip-done-bd: #6FCF97;
    --chip-done-fg: #3B8553;
    --chip-cancel-bg: #FFE6E6;
    --chip-cancel-bd: #FF385C;
    --chip-cancel-fg: #D93434;
    --chip-prog-bg: #D6E9FF;
    --chip-prog-bd: #1760EC80;
    --chip-prog-fg: #1760EC;
    --chip-miss-bg: #FFEDE0;
    --chip-miss-bd: #FFA45B;
    --chip-miss-fg: #CC6E3D;
    --chip-def-bg: #E9ECEF;
    --chip-def-bd: #6C757D;
    --chip-def-fg: #334155;
    /*TEXT E BACKGROUND - STEP CIRCLE SERVICE*/
    --step-circle-text: #615FFF;
    --step-circle-bg: #B1BAFF4D;
    /*EXTRA*/
    --hover-bg: #f1f1f1;
    /*STATUS BADGE*/
    --badge-not-assigned-bg: #f7c7cb;
    --badge-not-assigned-color: #cf4f72;
    --badge-pending-bg: #fff4cc;
    --badge-pending-color: #b58900;
    --badge-assigned-bg: #dff4ea;
    --badge-assigned-color: #2f7a57;
    --badge-in-progress-bg: #dbeafe;
    --badge-in-progress-color: #2563eb;
    --badge-completed-bg: #dff4ea;
    --badge-completed-color: #1f8f5f;
    /*CHARTS*/
    --dashboard-chart-occupied: #bfbdfe;
    --dashboard-chart-free: #f2f2ff;
    --dashboard-monthly-bar: #c3ccdb;
    --dashboard-monthly-bar-active: var(--primary-color);
    --dashboard-monthly-label: #1f2a44;
    /*CATEGORIES TABLE*/
    --border-subtle: #e5e7eb;
    /*BADGE COLORS AND BACKGROUND*/
    --badge-yellow-bg: #f7efd8;
    --badge-yellow-color: #7a5a16;
    --badge-blue-bg: #e6f0f8;
    --badge-blue-color: #2f5f83;
    --badge-light-grey-bg: #f2f2f5;
    --badge-light-grey-color: #5e5e5e;
    --badge-cyan-bg: #e6f7fc;
    --badge-cyan-color: #2f6f83;
    --badge-purple-bg: #eeeaff;
    --badge-purple-color: #5f4b9b;
    --badge-grey-bg: #f2f2f5;
    --badge-grey-color: #5e5e5e;
    --badge-green-bg: #edf4df;
    --badge-green-color: #60703f;
    --badge-violet-bg: #EEE4FF;
    --badge-violet-color: #7C3AED;
}

[data-bs-theme="dark"] {
    /*primary*/
    --primary-color: var(--bs-primary, #bfbdfe);
    /*superfici*/
    --app-bg: #111214; /* bg scuro */
    --app-bg-layout: #16181d;
    --secondary-color: #23272F;
    --app-bg-laundry: #111315;
    --app-bg-laundry-layout: #FFFFFF;
    --app-bg-laundry-layout: #181A1D;
    /*testo*/
    --app-text: #ffffff; /* testo chiaro */
    --navigation-color: lightgrey;
    /*stati*/
    --success-bg: #43E99C33;
    --success-color: #9AF0C3;
    --danger-bg: #FF7B7B33;
    --danger-color: #FFB3C1;
    /*neutri*/
    --light-color: #f9f9f9; /* puoi lasciarlo così (è “light” per definizione) */
    --dark-color: #111214;
    /*border*/
    --app-border-color: var(--bs-border-color);
    /*card review calendar*/
    --special-card-border: #334155;
    --special-card-bg: #23272F;
    /*calendar cell*/
    --calendar-cell-bg: #181a20;
    --calendar-cell-hover-bg: #1f2233;
    --calendar-cell-today-bg: #2a2d44;
    --calendar-cell-today-hover-bg: #3a3e66;
    /*modal*/
    --cleaner-chip-bg: #23272F;
    --cleaner-chip-text: #ffffff;
    --cleaner-chip-hover-bg: #2b3140;
    --cleaner-chip-selected-bg: #1f3a2c; /* verde scuro */
    --cleaner-chip-selected-text: #eafff5;
    --cleaner-chip-selected-hover-bg: #264736;
    /*tab host property*/
    --tab-host-bg: var(--bs-body-bg);
    /*maps*/
    --maps-autocomplete-color: dark;
    /* sidebar laundry */
    --sidebar-link-hover-bg: #1f2233; /* leggermente sul grigio */
    --sidebar-link-hover-text: #ffffff; /* calssico bianco */
    --sidebar-link-active-bg: #2a2d44; /* bg sul viola */
    --sidebar-link-active-text: #bfbdfe; /* primary */
    --sidebar-link-active-border: #bfbdfe; /* primary */
    --sidebar-header-border: #334155; /* già usi questo tono nei bordi */
    /*eventi calendario host*/
    --chip-soft-opacity: .55; /* dark: un po’ meno soft (se no sparisce) */
    --chip-pending-bg: #2A240A;
    --chip-pending-bd: #E0C35A;
    --chip-pending-fg: #FFE8A3;
    --chip-done-bg: #0F2A18;
    --chip-done-bd: #6FCF97;
    --chip-done-fg: #B9F6CA;
    --chip-cancel-bg: #2B0F14;
    --chip-cancel-bd: #FF5A73;
    --chip-cancel-fg: #FFD1D8;
    --chip-prog-bg: #0E1E33;
    --chip-prog-bd: #5B8CFF;
    --chip-prog-fg: #CFE0FF;
    --chip-miss-bg: #2A1708;
    --chip-miss-bd: #FFB26B;
    --chip-miss-fg: #FFE0C2;
    --chip-def-bg: #111827;
    --chip-def-bd: #64748B;
    --chip-def-fg: #E2E8F0;
    /*STEP CIRCLE- SERVICE*/
    --step-circle-text: #B1BAFF;
    --step-circle-bg: #615FFF33;
    /*EXTRA*/
    --hover-bg: rgba(255, 255, 255, 0.08);
    /*BADGE STATUS*/
    --badge-not-assigned-bg: #4a1f2d;
    --badge-not-assigned-color: #ff9ab0;
    --badge-pending-bg: #4a3a12;
    --badge-pending-color: #ffd76a;
    --badge-assigned-bg: #173528;
    --badge-assigned-color: #8ee3b7;
    --badge-in-progress-bg: #17283f;
    --badge-in-progress-color: #8bb8ff;
    --badge-completed-bg: #143124;
    --badge-completed-color: #7ee2ac;
    /*CATEGORIES TABLE*/
    --border-subtle: #4b5563; /* dark */
    /*BADGE COLORS AND BACKGROUND*/
    --badge-yellow-bg: rgba(245, 158, 11, .18);
    --badge-yellow-color: #f6d58b;
    --badge-blue-bg: rgba(59, 130, 246, .18);
    --badge-blue-color: #93c5fd;
    --badge-light-grey-bg: rgba(148, 163, 184, .18);
    --badge-light-grey-color: #cbd5e1;
    --badge-cyan-bg: rgba(129, 218, 247, .18);
    --badge-cyan-color: #9ee8ff;
    --badge-purple-bg: rgba(139, 116, 246, .20);
    --badge-purple-color: #cfc4ff;
    --badge-grey-bg: rgba(148, 163, 184, .18);
    --badge-grey-color: #cbd5e1;
    --badge-green-bg: rgba(132, 161, 91, .22);
    --badge-green-color: #d7e8b5;
    --badge-violet-bg: rgba(124, 58, 237, .18);
    --badge-violet-color: #C4B5FD;
    /*CHARTS*/
    --dashboard-chart-occupied: #bfbdfe;
    --dashboard-chart-free: #3b3a52;
    --dashboard-monthly-bar: #4a4a68;
    --dashboard-monthly-bar-active: var(--primary-color);
    --dashboard-monthly-label: #f8f9fa;
}