/*
	Rejsa.nu - färger, gemensamt för forumet (templates/rejsa3/Rejsa.css) och sidorna utanför (rejsa_sida.css, rejsa_kalender.css, rejsa_knappar.css, rejsa_layout.css, rejsa_menu.css).
	Alla färger i de filerna hämtas härifrån som var(--farg-namn, #gammalt-värde) - värdet efter kommat gäller bara om den här filen saknas på sidan.
	Design "D" (Depå-stilen): blått bara i loggan, orange accent. :root = ljust läge, :root[data-theme="dark"] = mörkt läge.
	Läget sätts av /js/rejsa_tema.js (knappen i menyn).
*/

:root {
	/* Ytor */
	--farg-bakgrund: #f0f3f7;   /* sidans bakgrund */
	--farg-kort: #fff;          /* korten och vita ytor */
	--farg-yta: #f7f9fc;        /* ljus yta: knappar, rader, fält */
	--farg-yta-varm: #e5e3df;
	--farg-yta-hover: #e6e9ee;  /* kort och rader under muspekaren */
	--farg-skugga: #bbb;        /* skugga (korten har tunn ram i stället) */

	/* Linjer och ramar */
	--farg-linje: #e1e8f5;      /* kortens ram, tunna avdelare */
	--farg-ram: #c9ced6;        /* ramar runt knappar och fält */

	/* Text */
	--farg-text: #333;
	--farg-rubrik: #3b3b3b;
	--farg-text-2: #555;
	--farg-text-svag: #666;     /* datum, "senaste av", etiketter */
	--farg-text-ljus: #999;
	--farg-gra-bla: #8b919b;    /* grå etiketter i forumet (namnet från förr) */
	--farg-pa-farg: #fff;       /* text på mörka/orange knappar och rutor */

	/* Märkesfärger */
	--farg-bla: #1f2329;        /* länkar och ljusa knappars text - inte blått längre (namnet från förr) */
	--farg-accent: #ff761e;     /* orange: hovring, valt, nytt */
	--farg-accent-mork: #e0600a;
	--farg-accent-text: #b84300;  /* orange text som ska gå att läsa på vitt: länkar i text, "nytt" */
	--farg-accent-yta: #fff6f0;
	--farg-primar: #0b0c0e;     /* huvudknappar (Skicka, Logga in, Svara) */
	--farg-primar-text: #fff;

	/* Status */
	--farg-gron: #40b010;       /* favoriter */
	--farg-gron-3: #88bb88;
	--farg-fel: #c0392b;

	/* Svarta listen */
	--farg-topp: #0b0c0e;       /* menyn */
	--farg-topp-2: #16191e;     /* "Nästa" träff, mörka rutor */

	/* Knappen för mörkt/ljust läge i menyn (rejsa_menu.css) syns bara när den här filen finns på sidan */
	--tema-knapp: flex;
}

/* Mörkt läge */
:root[data-theme="dark"] {
	color-scheme: dark;

	--farg-bakgrund: #0f1114;
	--farg-kort: #181b20;
	--farg-yta: #20242b;
	--farg-yta-varm: #24272c;
	--farg-yta-hover: #2a2f38;
	--farg-skugga: #000;

	--farg-linje: #2a2f37;
	--farg-ram: #3a404a;

	--farg-text: #e4e6ea;
	--farg-rubrik: #f1f2f4;
	--farg-text-2: #c9cdd3;
	--farg-text-svag: #a8aeb8;
	--farg-text-ljus: #858b95;
	--farg-gra-bla: #8f97a6;
	--farg-pa-farg: #0f1114;

	--farg-bla: #eceef1;
	--farg-accent: #ff6a13;
	--farg-accent-mork: #ff8a3d;
	--farg-accent-text: #ff8a3d;
	--farg-accent-yta: #3a2616;
	--farg-primar: #ff6a13;
	--farg-primar-text: #0f1114;

	--farg-gron: #5cc23a;
	--farg-gron-3: #7fb07f;
	--farg-fel: #ff6b5b;

	--farg-topp: #0b0c0e;
	--farg-topp-2: #262b33;
}