feat(styles): define typography styles for headings and paragraphs

This commit is contained in:
micha 2025-06-11 16:52:06 +02:00
parent 6626aae3f7
commit e372cf6e90

View file

@ -9,6 +9,7 @@
--font-heading: 'Comfortaa', sans-serif;
--font-label: 'Varela Round', sans-serif;
--font-button: 'Varela Round', sans-serif;
--font-sans: var(--font-label);
--transparent: transparent;
@ -112,6 +113,62 @@
--sidebar-ring: oklch(0.707 0.022 261.325);
}
h1 {
font-family: var(--font-heading);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
h2 {
font-family: var(--font-heading);
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
h3 {
font-family: var(--font-heading);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
h4 {
font-family: var(--font-heading);
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
h5 {
font-family: var(--font-heading);
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
h6 {
font-family: var(--font-heading);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
p {
font-family: var(--font-label);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@font-face {
font-family: 'Comfortaa';
font-style: normal;