100 lines
3.1 KiB
CSS
100 lines
3.1 KiB
CSS
/* Chrystal Math — Schriften (SIL Open Font License 1.1, 100% frei, kein Copyright-Risiko) */
|
|
|
|
@font-face {
|
|
font-family: 'Bodoni Moda';
|
|
src: url('fonts/BodoniModa-Regular.woff2') format('woff2');
|
|
font-weight: 400; font-style: normal; font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Bodoni Moda';
|
|
src: url('fonts/BodoniModa-Medium.woff2') format('woff2');
|
|
font-weight: 500; font-style: normal; font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Bodoni Moda';
|
|
src: url('fonts/BodoniModa-SemiBold.woff2') format('woff2');
|
|
font-weight: 600; font-style: normal; font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Bodoni Moda';
|
|
src: url('fonts/BodoniModa-Bold.woff2') format('woff2');
|
|
font-weight: 700; font-style: normal; font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Bodoni Moda';
|
|
src: url('fonts/BodoniModa-ExtraBold.woff2') format('woff2');
|
|
font-weight: 800; font-style: normal; font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Bodoni Moda';
|
|
src: url('fonts/BodoniModa-Italic.woff2') format('woff2');
|
|
font-weight: 400; font-style: italic; font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Bodoni Moda';
|
|
src: url('fonts/BodoniModa-SemiBoldItalic.woff2') format('woff2');
|
|
font-weight: 600; font-style: italic; font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Poppins';
|
|
src: url('fonts/Poppins-Regular.woff2') format('woff2');
|
|
font-weight: 400; font-style: normal; font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Poppins';
|
|
src: url('fonts/Poppins-Medium.woff2') format('woff2');
|
|
font-weight: 500; font-style: normal; font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Poppins';
|
|
src: url('fonts/Poppins-SemiBold.woff2') format('woff2');
|
|
font-weight: 600; font-style: normal; font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Poppins';
|
|
src: url('fonts/Poppins-Bold.woff2') format('woff2');
|
|
font-weight: 700; font-style: normal; font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Fraunces';
|
|
src: url('fonts/Fraunces-Regular.woff2') format('woff2');
|
|
font-weight: 400; font-style: normal; font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Fraunces';
|
|
src: url('fonts/Fraunces-SemiBold.woff2') format('woff2');
|
|
font-weight: 600; font-style: normal; font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Fraunces';
|
|
src: url('fonts/Fraunces-SemiBoldItalic.woff2') format('woff2');
|
|
font-weight: 600; font-style: italic; font-display: swap;
|
|
}
|
|
|
|
:root{
|
|
/* Kern-Farbverlauf aus dem Logo */
|
|
--chaos-pink: #F03A82;
|
|
--chaos-pink-deep: #6F235C;
|
|
--chaos-orchid: #B744C4;
|
|
--chaos-violet: #645EE9;
|
|
--chaos-cyan: #02AFF1;
|
|
--chaos-cyan-deep: #096089;
|
|
--chaos-gold: #E3B63E;
|
|
|
|
/* Hintergrund-Optionen (3 zur Auswahl) */
|
|
--bg-midnight: #0B1330;
|
|
--bg-graphite: #18171C;
|
|
--bg-aubergine:#200C24;
|
|
|
|
/* Neutrale/Text-Farben */
|
|
--ink-light: #F5F1EA;
|
|
--ink-muted: #ACA7C0;
|
|
|
|
--font-display: 'Bodoni Moda', 'Times New Roman', serif;
|
|
--font-sans: 'Poppins', 'Helvetica Neue', sans-serif;
|
|
--font-accent: 'Fraunces', 'Georgia', serif;
|
|
|
|
--grad-main: linear-gradient(100deg, var(--chaos-pink) 0%, var(--chaos-orchid) 45%, var(--chaos-violet) 60%, var(--chaos-cyan) 100%);
|
|
}
|