2025-04-16 07:59:48 -04:00
|
|
|
:root {
|
|
|
|
|
--color-black: rgba(0, 0, 0, 1);
|
|
|
|
|
--color-white: rgba(255, 255, 255, 1);
|
|
|
|
|
|
|
|
|
|
--color-bg: var(--color-black);
|
|
|
|
|
--color-on-bg: var(--color-white);
|
|
|
|
|
|
|
|
|
|
--size-xs: 8px;
|
|
|
|
|
--size-sm: 12px;
|
|
|
|
|
--size-md: 16px;
|
|
|
|
|
--size-lg: 20px;
|
|
|
|
|
--size-xl: 24px;
|
2025-04-16 23:59:37 -04:00
|
|
|
--size-2x: calc(var(--size-md) * 2);
|
|
|
|
|
|
|
|
|
|
--font-title: 2.4em;
|
|
|
|
|
--font-body: 1.6em;
|
|
|
|
|
--font-post-header: 0.8em;
|
2025-04-16 07:59:48 -04:00
|
|
|
|
|
|
|
|
--gap-sm: 16px;
|
|
|
|
|
--gap-md: 32px;
|
|
|
|
|
--gap-lg: 64px;
|
|
|
|
|
}
|
