@charset "utf-8";

/* MAIN */
:root {
	/* WEIGHTS */
	--svgpd-weight-bold: 700;
	--svgpd-weight-heavy: 900;
	
	/* SETTIGNS */
	--svgpd-max-width: 1440px;
	--svgpd-border-radius: 5px;
	--svgpd-shadow: 1px 1px 5px rgba(0,0,0,0.1);
	
	/* TEXT SIZE */
	--svgpd-text-size-header: 24px;
	--svgpd-text-size: 18px;
	--svgpd-text-size-large: 20px;
	--svgpd-text-size-small: 15px;
	--svgpd-text-size-compact: 14px;
	--svgpd-text-size-tiny: 13px;
	--svgpd-text-size-bitty: 12px;
	
	/* COLORS */
	--svgpd-color-text: #111111;
	--svgpd-color-text-dim: #4a4a4a;
	--svgpd-color-header: #111111;
	--svgpd-color-header-secondary: #111111;
	--svgpd-color-label: #111111;
	--svgpd-color-required: #b34e4d;
	--svgpd-color-error: #b34e4d;
	--svgpd-color-extra-cost: #458746;
	--svgpd-color-borders: #dadada;
	--svgpd-color-trim: #f7f7f7;
	--svgpd-color-selected: #111111;
	--svgpd-color-background: #ffffff;
	--svgpd-color-help: #111111;
	
	/* BUTTONS */
	--svgpd-button-color: #0c81db;
	--svgpd-button-color-text: #ffffff;
	--svgpd-button-color-hover: #ffc20e;
	--svgpd-button-color-hover-text: #111111;
	--svgpd-button-secondary-color: #cacaca;
	--svgpd-button-secondary-color-text: #ffffff;
	--svgpd-button-secondary-color-hover: #ffc20e;
	--svgpd-button-secondary-color-hover-text: #111111;
	--svgpd-button-help-color: #ffc20e;
	--svgpd-button-help-color-text: #111111;
	--svgpd-button-help-color-hover: #0c81db;
	--svgpd-button-help-color-hover-text: #ffffff;
	--svgpd-button-size: var(--svgpd-text-size);
	
	/* LINKS */
	--svgpd-link-color: #0c81db;
	--svgpd-link-color-hover: #111111;
	
	/* SECTIONS */
	--svgpd-sections-price: #111111;
	--svgpd-sections-price-text: #ffffff;
	--svgpd-sections-status: #dadada;
	--svgpd-sections-status-text: #333333;
	--svgpd-sections-color-active: #111111;
	--svgpd-sections-color-active-text: #ffffff;
	--svgpd-sections-color: #f7f7f7;
	--svgpd-sections-color-text: #1111111;
	--svgpd-sections-color-hover: #ffc20e;
	--svgpd-sections-color-hover-text: #111111;
	--svgpd-sections-color-active: #111111;
	--svgpd-sections-color-active-text: #ffffff;
	--svgpd-sections-size: 12px;
	
	/* PICKER */
	--svgpd-picker: #111111;
	--svgpd-picker-header: #2a2a2a;
	--svgpd-picker-header-text: #ffffff;
	--svgpd-picker-header-size: 14px;
	--svgpd-picker-header-close: #c9c9c9;
	--svgpd-picker-header-close-hover: #ffffff;
	--svgpd-picker-active: #ffffff;
	--svgpd-picker-active-text: #111111;
	--svgpd-picker-active-border: #111111;
	--svgpd-picker-active-highlight: #ffc20e;
	
	/* LOADER */
	--svgpd-loader: #111111;
	--svgpd-loader-text: #ffffff;
	
	/* COVER */
	--svgpd-cover: #111111;
	--svgpd-cover-text: #ffffff;
	
	/* CARDS */
	--svgpd-cards-gap: 10px;
	--svgpd-cards-header: 24px;
	--svgpd-cards-text: 14px;
}