/*
 * COPIA — qui non si modifica.
 *
 * L'originale è `xos-web-design/integrazioni/tema-motore-hr.css` e si rigenera
 * di là (`node scripts/mappa-token.mjs` nell'albero di Design). Questa copia si
 * rifà con `node scripts/fogli-di-design.mjs installa`, e
 * `pnpm check:fogli-di-design` fallisce appena le due divergono.
 *
 * Sta qui perché è l'unico posto da cui Frappe lo può servire: arriva alla scrivania come
 * `/assets/xos_hr/css/xos-desk.css`, agganciato da `app_include_css` e
 * `web_include_css` in `frappe/xos_hr/xos_hr/hooks.py`.
 */

/*
 * I colori di xOS per il motore di presenze e personale.
 *
 * GENERATO da scripts/mappa-token.mjs leggendo src/index.css.
 * NON si modifica a mano: si rigenera.
 *
 * Va servito DOPO il foglio dell'applicazione, perche' sovrascrive le sue
 * variabili e non le aggiunge.
 *
 * Il tema NON segue il computer: segue xOS, che lo passa nell'indirizzo
 * come ?xos_tema=chiaro|scuro. Serve una riga dall'altra parte che lo legga
 * e imposti data-theme di conseguenza. Finche' non c'e', il parametro e'
 * inerte: non rompe niente e non fa niente.
 *
 * Lo spazio in fondo alla pagina dev'essere 24px (--dock-linea-spazio di
 * xOS): sotto ci passa la linea in cui il Dock si riduce.
 */

:root,
[data-theme="light"] {

	/* fondo e superfici */
	--bg-color: #edeae3;
	--fg-color: #faf9f7;
	--card-bg: #faf9f7;
	--modal-bg: #faf9f7;
	--popover-bg: #faf9f7;
	--toast-bg: #faf9f7;
	--navbar-bg: #f8f7f4;
	--subtle-accent: #f8f7f4;
	--subtle-fg: #fefefd;
	--control-bg: #fefefd;
	--control-bg-on-gray: #fefefd;
	--disabled-control-bg: #fefefd;
	--awesomebar-focus-bg: #fefefd;
	--skeleton-bg: #fefefd;

	/* testo */
	--text-color: #16181c;
	--text-neutral: #16181c;
	--heading-color: #16181c;
	--text-muted: #525354;
	--text-light: #5b5b5c;
	--disabled-text-color: #a2a19d;

	/* bordi */
	--border-color: #dbd9d4;
	--dark-border-color: #d7d5d0;
	--table-border-color: #e0ddd8;
	--btn-group-border-color: #dbd9d4;

	/* accento */
	--primary: #005bb5;
	--primary-color: #005bb5;
	--btn-primary: #005bb5;
	--border-primary: #005bb5;
	--checkbox-color: #005bb5;
	--date-active-bg: #005bb5;
	--date-active-text: #edeae3;

	/* selezione e passaggio del mouse */
	--fg-hover-color: #d1d9dd;
	--awesomplete-hover-bg: #d1d9dd;
	--sidebar-select-color: #d1d9dd;
	--highlight-color: #d1d9dd;
	--date-range-bg: #d1d9dd;

	/* barra di scorrimento */
	--scrollbar-thumb-color: #a2a19d;
	--scrollbar-track-color: #fefefd;
}

[data-theme="dark"] {

	/* fondo e superfici */
	--bg-color: #0b0d11;
	--fg-color: #14161c;
	--card-bg: #14161c;
	--modal-bg: #14161c;
	--popover-bg: #14161c;
	--toast-bg: #14161c;
	--navbar-bg: #0e1014;
	--subtle-accent: #0e1014;
	--subtle-fg: #111318;
	--control-bg: #111318;
	--control-bg-on-gray: #111318;
	--disabled-control-bg: #111318;
	--awesomebar-focus-bg: #111318;
	--skeleton-bg: #111318;

	/* testo */
	--text-color: #f5f2ec;
	--text-neutral: #f5f2ec;
	--heading-color: #f5f2ec;
	--text-muted: #aaa9a6;
	--text-light: #8c8b89;
	--disabled-text-color: #4d4d4e;

	/* bordi */
	--border-color: #1c1e22;
	--dark-border-color: #212326;
	--table-border-color: #1a1c1f;
	--btn-group-border-color: #1c1e22;

	/* accento */
	--primary: #4c94ec;
	--primary-color: #4c94ec;
	--btn-primary: #4c94ec;
	--border-primary: #4c94ec;
	--checkbox-color: #4c94ec;
	--date-active-bg: #4c94ec;
	--date-active-text: #08090c;

	/* selezione e passaggio del mouse */
	--fg-hover-color: #131d2b;
	--awesomplete-hover-bg: #131d2b;
	--sidebar-select-color: #131d2b;
	--highlight-color: #131d2b;
	--date-range-bg: #131d2b;

	/* barra di scorrimento */
	--scrollbar-thumb-color: #4d4d4e;
	--scrollbar-track-color: #111318;
}

/* la larghezza — l'unica regola che non e' un colore, il perche' in scripts/mappa-token.mjs */
.layout-main {
	max-width: 1280px !important;
}