/**************************************************
TRISITE_CSS
**************************************************/
:root {
	--step: 1.18;
	--font-size: clamp(15px, 1.6vw, 18px);
	--line-height: 1.6;
	--small: 10px;
	--large: 1.4em;
	--transition: 0.2s;
	--header-offset: 100px;
	--gap: 30px;
	--radius: 16px;
	--radius-inner: 8px;
	--width-limit: 1170px;
	--section-space: 100px;
	--margin: 2em;
	--padding: 20px;
	--input-width: 260px;
	--brightness: 1.1;
	--outline: 1px;
	--trigger-size: 50px;
	--trigger-bar: 3px;


	--color-light-glass: rgba(255, 254, 254, 0.2);
	--color-dark-glass: rgba(38, 32, 32, 0.4);
	--shadow: 0 4px 3px -2px rgb(0 0 0 / 0.3);
	--shadow2: 3px 4px 0px rgb(0 0 0 / 0.3);
	--shadow3: 4px 4px 3px -2px rgb(0 0 0 / 0.3);

	--color-white: #fff;
	--color-blue: #1956A5;
	--color-purple: #73407D;
	--color-red: #FF0000;
	--color-pink: #CC5080;
	--color-enji: #BF2762;
	--color-lightpink: #FFFAFD;
	--color-green: #729E13;
	--color-orange:#FF9500;
	--color-yellow: #FFFF00;
	--color-gray:#BABABA;
	--color-darkgray: #7E7E7E;
	--color-lightgray: #F6F6F6;
	--color-black: #333333;
	--color-super-white: #fff;
	--color-super-black: #000;

}

: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-blue);
    --color-agree-fr: var(--color-white);

    --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: transparent;
    --color-trigger-fr: var(--color-pink);

    --color-outline: var(--color-gray);
    --color-outline-focus: var(--color-blue);
    --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-super-white);
}

@media (max-width : 720px) {
	:root {
		--step: 1.08;
		--section-space: 60px;
		--padding: 20px;
	}
}