@charset "UTF-8";

:root {
	--background-above-5: #a69c9c;
	/* --background-above-4: #b9b8b8; */
	--background-above-4: #d5cdcd;
	--background-above-3: #ecdfdf;

	--snow-above: #f9fbff;
	--snow: #f4f7fd;
	--snow-deep: #dadfe6;

	--ice-above: #d0d3f7;
	--ice: #bfc1ea;
	--ice-below: red;

	/* персиковый #dddd5c */
	/* персиковый тёмный #bfbf6e */

	/* @TODO 
	 * 1. Change the amount of sun and moon rays depending on the time on the device 
	 */
	--sun-intensity: 0.3;
	--sun-above: ;
	--sun: rgb(219, 219, 126, var(--sun-intensity));
	--sun-below: ;

	--moon-above: ;
	--moon: ;
	--moon-below: ;

	--background: #e8d9d9;
	--background-below: #d7c5c5;
	--background-below-6: #8e8282;
	--background-inverse: #221e1e;
	--background-inverse-below: #120f0f;
	--node-background-important: #c3eac3;
	--node-background-completed: #b0c0b0;
	--node-background: #bdb;
	--connection: #b2b7b2;
	--connection-completed: #d1d1d1;
	--text: #151313;
	--text-hover: #463e3e;
	--text-active: #0e0e0e;
	--text-inverse-above: #fff;
	--text-inverse: #efefef;
	--text-inverse-below: #d0d0d0;
	--text-inverse-below-1: #bbadad;

	--earth-text-above: #975151;
	--earth-text: #794040;
	--earth-text-below: #511f1f;
	--earth-text-important-above: #a44242;
	--earth-text-important: #371a1a;
	--earth-text-important-below: #602525;
	--earth-above: #d9c5b3;
	--earth: #b0a296;
	--earth-below: #918377;
	--earth-important-above: #b0a296;
	--earth-important: #6c5f53;
	--earth-important-below: #b0a296;

	--clay-text-above: #ffe9be;
	--clay-text: #f7d1a1;
	--clay-text-below: #c8af7d;
	--clay-above-1: #dc4343;
	--clay-above: #bf3737;
	--clay: #a43333;
	--clay-below: #8d2a2a;
	--clay-below-1: #792727;
	--clay-important-above: #9f0c0c;
	--clay-important: #910b0b;
	--clay-important-below: #8d2a2a;

	--sand-text-above: #c8b25f;
	--sand-text: #b0844a;
	--sand-text-below: #976b31;
	--sand-text-below-1: #6a4a1f;
	--sand-above: #fff5ce;
	--sand: #f0e2ab;
	--sand-below: #dfc79a;
	--sand-important-above: #e6d595;
	--sand-important: #d7c06c;
	--sand-important-below: #dfc79a;

	--magma-text-above: #111;
	--magma-text: #5e1a1a;
	--magma-text-below: #826d1c;
	--magma-above: #ffd325;
	--magma: #e6bf26;
	--magma-below: ;
	--magma-important-above: #e8a21c;
	--magma-important: #c6850c;
	--magma-important-below: ;

	--grass-above: #89c866;
	--grass: #79b757;
	--grass-below: #38a818;
	--grass-text-above: #fcffae;
	--grass-text: #fbff80;
	--grass-text-below: #e3e85e;  
	--grass-dense-above: #1abb4a;
  --grass-dense: #12ac4e;
	--grass-dense-below: #109745;
	--grass-dense-text-above: var(--grass-text-above);
	--grass-dense-text: var(--grass-text);
	--grass-dense-text-below: var(--grass-text-below);

	--river-text-above: #2b91c4;
	--river-text: #335cbb;
	--river-text-below: #2b4480;
	--river-text-important-above: #2b91c4;
	--river-text-important: #335cbb;
	--river-text-important-below: #2b4480;
	--river-above: #b8c0ea;
	--river: #93a2df;
	--river-below: #7a8cd7;
	--river-deep-above: #8397e3;
	--river-deep: #677ed7;
	--river-deep-below: #687dd5;

	--sea-text-above: #ccf8ff;
	--sea-text: #b7f1fb;
	--sea-text-below: #99d5df;
	--sea-text-important-above: #ccf8ff;
	--sea-text-important: #b7f1fb;
	--sea-text-important-below: #99d5df;
	--sea-above: #6a68dd;
	--sea: #5d5bc1;
	--sea-below: #504f9f;
	--sea-deep-above: #5148c4;
	--sea-deep: #312ea8;
	--sea-deep-below: #4443aa;

	--cloud-text-above: #43b0c1;
	--cloud-text: #1e4c53;
	--cloud-text-below: ;
	--cloud-text-important-above: #43b0c1;
	--cloud-text-important: #1e4c53;
	--cloud-text-important-below: ;
	--cloud-above: #e6eaf0;
	--cloud: #cfd3d9;
	--cloud-below: #b7babf;

	--cloud-rainy-above: #b2bbce;
	--cloud-rainy: #a5a4b9;
	--cloud-rainy-below: ;

	--coal-text-above: ;
	--coal-text: #392020;
	--coal-text-below: ;
	--coal-above: ;
	--coal: ;
	--coal-below: ;

	--input-error: #d25050;
	--icon-error: #792323;
	--interface-brown: #9f704e;
	--menu-background: #775653;
	--menu-text-above: #ffd88e;
	/* --menu-text: #cab59b; */
	--menu-text: #d0b88a;
	--menu-text-below: #a48f68;
	--input-beige: #fffce8;
	--input-clay: #fff8f8;

	--link: #3c76ff;
	--link-hover: #6594ff;
	--link-active: #3064dd;
}

body {
	--body-rays: inset 0px 45px 100vw 3vw var(--sun);
	box-shadow: var(--body-rays);
	-webkit-box-shadow: var(--body-rays);
	-moz-box-shadow: var(--body-rays);
}
