/***************************************************************************
* Colors
****************************************************************************/
:root {
--typo-color-text: #1d1d1d;
--typo-color-black: #1d1d1d;
--typo-color-red: #ed3137;
--typo-color-dark-grey: #515151;
--typo-color-grey: #e8e8e8;
--typo-color-infos: #E2E2E2;
}
/***************************************************************************
* Gaps
****************************************************************************/
:root {
--typo-gap: 1em;
--typo-half-gap: 0.5em;
--typo-double-gap: 2em;
--typo-section-gap: 2em;
}
@media screen and (min-width:40em){
:root {
--typo-section-gap: 3em;
}
}
@media screen and (min-width:64em){
:root {
--typo-section-gap: 4em;
}
}
/***************************************************************************
* Font-Sizes
* p: 9
* subtitle: 19
* H1,H2: 30
* Button: 8,
****************************************************************************/
:root {
--typo-font-size-default: 1rem;
--typo-font-size-h1: 2em;
--typo-font-size-h2: 2em;
--typo-font-size-h3: 1.5em;
--typo-font-size-h4: 1.25em;
}
@media screen and (min-width:40em){
:root {
--typo-font-size-h1: 2.625em;
--typo-font-size-h2: 2.625em;
--typo-font-size-h3: 1.75em;
--typo-font-size-h4: 1.375em;
}
}
@media screen and (min-width:64em){
:root {
--typo-font-size-h1: 3.375em;
--typo-font-size-h2: 3.375em;
--typo-font-size-h3: 1.875em;
--typo-font-size-h4: 1.5em;
}
}
@media screen and (min-width:100em){
:root {
--typo-font-size-default: 1.125rem;
}
}
@media screen and (min-width:125em){
:root {
--typo-font-size-default: 1.25rem;
}
}
@media screen and (min-width:150em){
:root {
--typo-font-size-default: 1.5rem;
}
}
/***************************************************************************
* SVGs
****************************************************************************/
:root {
--typo-svg-star: url('data:image/svg+xml;utf8,');
--typo-svg-star-bordered: url('data:image/svg+xml;utf8,');
--typo-svg-checked-badge: url('data:image/svg+xml;utf8,');
--typo-svg-arrow: url('data:image/svg+xml;utf8,');
--typo-svg-video-play: url('data:image/svg+xml;utf8,');
--typo-svg-plus: url('data:image/svg+xml;utf8,');
--typo-svg-play-circle: url('data:image/svg+xml;utf8,');
--typo-svg-play-circle-white: url('data:image/svg+xml;utf8,');
--typo-svg-globe: url('data:image/svg+xml;utf8,');
--typo-svg-globe-white: url('data:image/svg+xml;utf8,');
--typo-svg-extern-white: url('data:image/svg+xml;utf8,');
--typo-svg-search: url('data:image/svg+xml;utf8,');
--typo-svg-search-white: url('data:image/svg+xml;utf8,');
}