/* ATDT Bins.se - designtokens.
   Ämne: lådor, fack och ordning (bins betyder lådor). Uttryck: lagerhyllan
   med plockbackar på en hålpanel. Ljus betong som golv, vita etiketter,
   plockbacksblått som signalfärg, rostorange för den enda markeringen och
   backarnas gula och gröna som ren dekor, aldrig som text. Motivet är
   hyllkanten med färgade backar och etiketthållaren med hyllkod. */

:root {
	--atdt-bg:        #ECEDE6;  /* ljus betong (13,7:1 mot ink) */
	--atdt-ink:       #17222B;  /* antracit */
	--atdt-accent:    #0D5487;  /* plockbacksblå, textsäker (6,8:1 mot bg, 8,0:1 mot surface) */
	--atdt-accent-2:  #A8380E;  /* rostorange, textsäker (5,5:1 mot bg, 6,5:1 mot surface) */
	--atdt-neutral:   #C5CABF;  /* hyllplan och ramar */
	--atdt-positive:  #2E7D4F;
	--atdt-negative:  #A8380E;

	--atdt-surface:   #FFFFFF;  /* etiketten */
	--atdt-on-accent: #FFFFFF;  /* 8,0:1 mot accent */
	--atdt-muted:     #4B5560;  /* 6,4:1 mot bg, 7,6:1 mot surface */
	--atdt-highlight: #DCE6EF;  /* blå ton under länkar, ink 12,8:1 */

	/* Backarnas dekorfärger, aldrig text */
	--atdt-bin-bla:   #1F6FB2;
	--atdt-bin-gul:   #F0B323;
	--atdt-bin-rod:   #C8462A;
	--atdt-bin-gron:  #3E8E5A;
	--atdt-peg:       #D5D7CE;  /* hålpanelens hål */

	--atdt-footer-bg:   #17222B;
	--atdt-footer-ink:  #E9EBE4;  /* 13,4:1 */
	--atdt-footer-link: #F2C94C;  /* 10,2:1 */
	--atdt-footer-muted:#B9C3CC;  /* 9,0:1 */

	--atdt-font-display: "Mohave", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;
	--atdt-font-body:    "Afacad", "Segoe UI", system-ui, sans-serif;
	--atdt-font-mono:    "Sometype Mono", ui-monospace, "Courier New", monospace;

	--atdt-radius:    6px;
	--atdt-maxwidth:  44rem;
}