@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/open-sans-400.woff2") format("woff2");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/open-sans-600.woff2") format("woff2");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/open-sans-700.woff2") format("woff2");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/open-sans-800.woff2") format("woff2");
}

:root {

	--eig-font-ui:      "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	--eig-font-heading: "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	--eig-font-mono:    ui-monospace, "SF Mono", Menlo, Consolas, monospace;

	--eig-weight-body:      400;
	--eig-weight-normal:    400;    
	--eig-weight-medium:    500;    
	--eig-weight-emphasis:  600;
	--eig-weight-bold:      700;
	--eig-weight-extrabold: 800;

	--eig-size-xs:    9pt;     
	--eig-size-sm:    10pt;    
	--eig-size-base:  10.5pt;  
	--eig-size-md:    11pt;    
	--eig-size-lg:    12pt;    
	--eig-size-xl:    18pt;    
	--eig-size-2xl:   21pt;    

	--eig-line-tight: 1.3;
	--eig-line-body:  1.4;
	--eig-line-loose: 1.6;

	--eig-color-text:        #222;
	--eig-color-text-muted:  #555;
	--eig-color-heading:     #042e38;      
	--eig-color-link:        #08424f;      
	--eig-color-accent:      #08424f;
	--eig-color-accent-soft: #08424f;
	--eig-color-hover:       #dd9;
	--eig-color-surface:     #f8f8f8;
	--eig-color-border:      #ddd;
	--eig-color-error-bg:    #ff7777;

	--eig-gradient-brand: linear-gradient(135deg, #042e38 0%, #08424f 100%);
}

.eig-typography {
	font-family: var(--eig-font-ui);
	font-size: var(--eig-size-base);
	font-weight: var(--eig-weight-body);
	line-height: var(--eig-line-body);
	color: var(--eig-color-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (max-width: 430px) and (pointer: coarse) {
	:root {
		--eig-size-xs:   6pt;
		--eig-size-sm:   6.75pt;
		--eig-size-base: 7pt;
		--eig-size-md:   7.5pt;
		--eig-size-lg:   8pt;
		--eig-size-xl:   12pt;
		--eig-size-2xl:  14pt;
	}
}