38 lines
1.1 KiB
CSS
38 lines
1.1 KiB
CSS
:root {
|
|
--font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
|
|
--font-mono: 'JetBrains Mono', 'Cascadia Code', 'Consolas', monospace;
|
|
|
|
--text-xs: 0.70rem;
|
|
--text-sm: 0.813rem;
|
|
--text-base: 0.938rem;
|
|
--text-md: 1.063rem;
|
|
--text-lg: 1.25rem;
|
|
--text-xl: 1.5rem;
|
|
--text-2xl: 2rem;
|
|
|
|
--weight-normal: 400;
|
|
--weight-medium: 500;
|
|
--weight-semibold: 600;
|
|
--weight-bold: 700;
|
|
}
|
|
|
|
html {
|
|
font-family: var(--font-body);
|
|
font-size: 16px;
|
|
color: var(--text);
|
|
}
|
|
|
|
h1 { font-size: var(--text-xl); font-weight: var(--weight-bold); }
|
|
h2 { font-size: var(--text-lg); font-weight: var(--weight-semibold); }
|
|
h3 { font-size: var(--text-md); font-weight: var(--weight-semibold); }
|
|
h4 { font-size: var(--text-base); font-weight: var(--weight-medium); }
|
|
|
|
.text-xs { font-size: var(--text-xs); }
|
|
.text-sm { font-size: var(--text-sm); }
|
|
.text-base { font-size: var(--text-base); }
|
|
.text-lg { font-size: var(--text-lg); }
|
|
.font-mono { font-family: var(--font-mono); }
|
|
.font-medium { font-weight: var(--weight-medium); }
|
|
.font-semibold { font-weight: var(--weight-semibold); }
|
|
.font-bold { font-weight: var(--weight-bold); }
|