@import "https://trisite.net/services/css/v4.2/basic.css";
@import "https://trisite.net/services/css/v4.2/header.css";
@import "https://trisite.net/services/css/v4.2/grid.css";
@import "https://trisite.net/services/css/v4.2/nav.css";
@import "https://trisite.net/services/css/v4.2/button.css";
@import "https://trisite.net/services/css/v4.2/table.css";
@import "https://trisite.net/services/css/v4.2/form.css";

@import "header.css";
@import "footer.css";
@import "main.css";

/**************************************************
TRISITE_CSS
**************************************************/
:root {
	--step: 1.2;
	--font-size: 14px;
	--line-height: 1.8;
	--small: 0.6em;
	--large: 1.4em;
	--transition: 0.4s;
	--header-offset: 100px;
	--gap: 20px;
	--radius: 8px;
	--radius-inner: 0;
	--width-limit: 1320px;
	--section-space: 100px;
	--margin: 2.8em;
	--padding: 20px;
	--input-width: 260px;
	--brightness: 1;
	--outline: 1px;
	--trigger-size: 50px;
	--trigger-bar: 3px;


	--color-light-glass: rgba(255, 254, 254, 0.6);
	--color-dark-glass: rgba(38, 32, 32, 0.8);
	--shadow: 8px 8px 10px rgba(0,0,0,0.2);

	--color-white: #fff;
	--color-blue: #288fde;
	--color-red: #b20d23;
	--color-green: #387d39;
	--color-purple: #7f5ce3;
	/* --color-yellow: rgb(248, 245, 46); */
	--color-orange: #ec8529;
    --color-dark-gray: #333;
	--color-gray: #636363;
	--color-lightgray: #ebe9e8;
	--color-black: #404040;

	--color-red-dark:#a0000a;
	--color-green-dark:#1c6b1e;
	--color-white-dark:#e2e2e2;
	--color-gray-dark:#464646;
}

:root {
    --color-body: var(--color-white);
    --color-text: var(--color-black);
    --color-border: var(--color-black);
    --color-table: var(--color-white);
    --color-table-odd: var(--color-lightgray);

    --color-agree-bg: var(--color-gray);
    --color-agree-fr: var(--color-black);

    --color-disagree-bg: var(--color-red);
    --color-disagree-fr: var(--color-white);

    --color-cancel-bg: var(--color-lightgray);
    --color-cancel-fr: var(--color-black);

    --color-trigger-bg: var(--color-red);
    --color-trigger-fr: var(--color-white);

    --color-outline: #808080;
    --color-outline-focus: var(--color-red);
    --color-outline-text: var(--color-black);
    --color-outline-focus-text: var(--color-black);
    --color-link: var(--color-main);
    --color-hover: var(--color-red);
    --color-form: var(--color-white);
}

:root {
	--circle-1: 300px;
	--circle-2: 260px;

	@media (max-width : 720px) {
		--circle-2: 300px;
	}
}