/*
	Rejsa.nu - knappar, gemensamt för forumet (templates/rejsa3/Rejsa.css) och sidorna utanför (rejsa_sida.css, rejsa_kalender.css).
	Två utseenden: ljus knapp och svart huvudknapp (orange i mörkt läge), raka hörn. Tre storlekar: liten, normal, stor.
	Textstorlekarna kommer från rejsa_text.css. Knapparnas egna regler i de andra filerna hämtar mått och färger härifrån, så en ändring här går igenom överallt.

	Liten:  vid inläggen (Kontakta, Mina bilar, Ändra), stilväljaren i sidfoten, kalenderradernas knappar
	Normal: allt vanligt - Svara, Nytt ämne, bläddring, filterknappar, månader, Citera
	Stor:   skicka-knappar i formulär och sidans huvudval (Skicka, Logga in, Sök, Kör sökningen, Favoriter 1/2)
*/

:root {
	--knapp-radie: 2px;

	--knapp-s-pad: var(--luft-1, 4px) var(--luft-3, 12px);
	--knapp-s-fs: var(--text-xs);
	--knapp-pad: var(--luft-2, 8px) var(--luft-4, 16px);
	--knapp-fs: var(--text-m);
	--knapp-l-pad: var(--luft-3, 12px) var(--luft-5, 24px);
	--knapp-l-fs: var(--text-l);

	/* Luft mellan raderna när en grupp knappar bryts (banorna i varvtider, filter, månader) */
	--knapp-radavstand: var(--luft-3, 12px);

	/* Ljus knapp */
	--knapp-ram: var(--farg-ram, #c4d2ed);
	--knapp-bakgrund: var(--farg-yta, #f7f9fc);
	--knapp-text: var(--farg-bla, #3D5C98);
	/* Huvudknapp: svart, orange i mörkt läge */
	--knapp-primar: var(--farg-primar, #3D5C98);
	--knapp-primar-text: var(--farg-primar-text, #fff);
	/* Hovring och vald knapp */
	--knapp-hover: var(--farg-accent, #ff761e);
}

/* Länkar: blå (eller ljusorange i löpande text), orange vid hovring, aldrig understrukna */
:root {
	--lank-farg: var(--farg-bla, #3D5C98);
	--lank-text: var(--farg-accent-text, #b84300);
	--lank-hover: var(--farg-accent, #ff761e);
}

/* Valknappar (filter, månader, kategorier, banor): ljusa med grå ram, orange ram vid hovring, vald = orange text och ram */
:root {
	--val-bakgrund: var(--farg-yta, #f7f9fc);
	--val-ram: var(--farg-ram, #c4d2ed);
	--val-text: var(--farg-bla, #3D5C98);
	--val-aktiv: var(--farg-accent, #ff761e);
	--val-hover: var(--farg-accent, #ff761e);
}

/* Mobilen: allt ett steg mindre */
@media only screen and (max-width: 760px) {
	:root {
		--knapp-s-pad: var(--luft-1, 4px) var(--luft-2, 8px);
		--knapp-s-fs: var(--text-xs);
		--knapp-pad: var(--luft-2, 8px) var(--luft-3, 12px);
		--knapp-fs: var(--text-s);
		--knapp-l-pad: var(--luft-2, 8px) var(--luft-4, 16px);
		--knapp-l-fs: var(--text-l);
		--knapp-radavstand: var(--luft-2, 8px);
	}
}