39 lines
1.1 KiB
CSS
39 lines
1.1 KiB
CSS
|
/* CSS Variables */
|
||
|
|
:root {
|
||
|
|
/* Base font sizes for desktop */
|
||
|
|
--font-size-paragraph: 18px;
|
||
|
|
--font-size-paragraph-small: 16px;
|
||
|
|
--font-size-subtitle: 20px;
|
||
|
|
--font-size-title-section: 32px;
|
||
|
|
--font-size-title-main: 48px;
|
||
|
|
--font-size-title-hero: 96px;
|
||
|
|
--font-size-button: 13px;
|
||
|
|
--font-size-caption: 12px;
|
||
|
|
|
||
|
|
/* Mobile font sizes */
|
||
|
|
--font-size-paragraph-mobile: 16px;
|
||
|
|
--font-size-paragraph-small-mobile: 12px;
|
||
|
|
--font-size-subtitle-mobile: 16px;
|
||
|
|
--font-size-title-section-mobile: 24px;
|
||
|
|
--font-size-title-main-mobile: 32px;
|
||
|
|
--font-size-title-hero-mobile: 48px;
|
||
|
|
--font-size-button-mobile: 11px;
|
||
|
|
--font-size-caption-mobile: 10px;
|
||
|
|
|
||
|
|
/* Tablet font sizes */
|
||
|
|
--font-size-paragraph-tablet: 16px;
|
||
|
|
--font-size-paragraph-small-tablet: 14px;
|
||
|
|
--font-size-subtitle-tablet: 18px;
|
||
|
|
--font-size-title-section-tablet: 28px;
|
||
|
|
--font-size-title-main-tablet: 40px;
|
||
|
|
--font-size-title-hero-tablet: 64px;
|
||
|
|
--font-size-button-tablet: 12px;
|
||
|
|
--font-size-caption-tablet: 11px;
|
||
|
|
|
||
|
|
/* Colors */
|
||
|
|
--color-primary: #04fea0;
|
||
|
|
--color-primary-hover: #03d98c;
|
||
|
|
--color-background: #000;
|
||
|
|
--color-text: #fff;
|
||
|
|
}
|