/* TODO: Check if these variables are used in the project. If not, consider removing them. */

:root {
	/* background color, fill color inherits from this */
	--bg-color: #111111;
	/* To get fill color use color-mix(*/
	/* Use color-mix(in srgb, [inputcolor1], black [percentage]) to turn things darker */
	/* Use color-mix(in srgb, [inputcolor1], white [percentage]) to turn things lighter */
	--fill-color: color-mix(in srgb, var(--bg-color),white 35%);
	/* foreground color, text color and border color inherits from this */
	--fg-color: #eee;
	--border-color: color-mix(in srgb, var(--fg-color),black 65%);
	/* Visual Spice */
	--tone-color: rgba(120, 40, 22, 1);

    /* My font styles */
	--font-size-base: clamp(5px, 1vmin, 20px);
	--standart-font-multiplier: 1.8;
    --standart-font-size: calc(var(--font-size-base) * var(--standart-font-multiplier));
    --standart-line-height: 1.2em;
    --standart-margin-top: 0.5em;
    --standart-margin-bottom: 0.25em;

	/* Headings font size multipliers and margin multipliers */
    --h6-font-multiplier: 1;
    --h5-font-multiplier: 1.2;
    --h4-font-multiplier: 1.4;
    --h3-font-multiplier: 1.6;
    --h2-font-multiplier: 2;
    --h1-font-multiplier: 3;

    --h6-margin-multiplier: 1;
    --h5-margin-multiplier: 1;
    --h4-margin-multiplier: 1;
    --h3-margin-multiplier: 1;
    --h2-margin-multiplier: 1;
    --h1-margin-multiplier: 1;

	/*font weights */
	--font-weight-light: 200; /* not used */
	--font-weight-normal: 300; /* used */
	--font-weight-bold: 700; /* used */
	--font-weight-strong: 800; /* used */

	/* border */
	--border-width: 0.5em;
	--border-radius: calc(var(--border-width) * 2);

	/* --border-color-opaque: rgba(44, 44, 44); */
	/* --anim-speed: 0.15s; */
	/* --anim-speed-slow: 0.3s; */

	/* Link colors */
	--link-color: #ccf;
	--visited-color: #cad;
}