75 lines
1.8 KiB
CSS
75 lines
1.8 KiB
CSS
|
/* retoor <retoor@molodetz.nl> */
|
||
|
|
:root {
|
||
|
|
--bg: #0d0c0a;
|
||
|
|
--bg-raised: #15130f;
|
||
|
|
--bg-sunken: #090807;
|
||
|
|
--ink: #ece6da;
|
||
|
|
--ink-soft: #cfc8ba;
|
||
|
|
--muted: #8c857a;
|
||
|
|
--faint: #5b564e;
|
||
|
|
--rule: #2a2722;
|
||
|
|
--rule-strong: #3d3932;
|
||
|
|
--accent: #d4a020;
|
||
|
|
--accent-ink: #120f08;
|
||
|
|
--accent-rgb: 212, 160, 32;
|
||
|
|
--ink-rgb: 236, 230, 218;
|
||
|
|
--shade-rgb: 0, 0, 0;
|
||
|
|
--success: #7fa36b;
|
||
|
|
--warning: #d4a020;
|
||
|
|
--danger: #c8644f;
|
||
|
|
--info: #7f9eb0;
|
||
|
|
--code-bg: #12110e;
|
||
|
|
--code-keyword: #d9a441;
|
||
|
|
--code-string: #a9b97c;
|
||
|
|
--code-comment: #6c675e;
|
||
|
|
--code-number: #c98f6a;
|
||
|
|
--code-title: #e8d9b5;
|
||
|
|
|
||
|
|
--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
|
||
|
|
--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
|
||
|
|
--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
|
||
|
|
|
||
|
|
--text-xs: 0.75rem;
|
||
|
|
--text-sm: 0.875rem;
|
||
|
|
--text-base: 1.0625rem;
|
||
|
|
--text-lg: 1.25rem;
|
||
|
|
--text-xl: 1.75rem;
|
||
|
|
--text-2xl: 2.5rem;
|
||
|
|
--text-hero: clamp(3.25rem, 9vw, 6.5rem);
|
||
|
|
--leading-tight: 1.1;
|
||
|
|
--leading-body: 1.6;
|
||
|
|
--tracking-label: 0.18em;
|
||
|
|
--tracking-hero: -0.04em;
|
||
|
|
|
||
|
|
--space-xs: 0.25rem;
|
||
|
|
--space-sm: 0.5rem;
|
||
|
|
--space-md: 1rem;
|
||
|
|
--space-lg: 1.5rem;
|
||
|
|
--space-xl: 2.5rem;
|
||
|
|
--space-2xl: 4.5rem;
|
||
|
|
|
||
|
|
--radius: 0;
|
||
|
|
--radius-pill: 999px;
|
||
|
|
--border: 1px solid var(--rule);
|
||
|
|
--border-strong: 1px solid var(--rule-strong);
|
||
|
|
--shadow-soft: 0 12px 40px rgba(var(--shade-rgb), 0.45);
|
||
|
|
|
||
|
|
--measure: 42rem;
|
||
|
|
--wide: 68rem;
|
||
|
|
--nav-height: 3.5rem;
|
||
|
|
--duration: 160ms;
|
||
|
|
|
||
|
|
--z-floating-button: 900;
|
||
|
|
--z-nav-overlay: 998;
|
||
|
|
--z-nav-panel: 999;
|
||
|
|
--z-nav: 1000;
|
||
|
|
--z-nav-dropdown: 1001;
|
||
|
|
--z-modal: 2000;
|
||
|
|
--z-popover: 2100;
|
||
|
|
--z-lightbox: 10000;
|
||
|
|
--z-floating-windows: 2147480000;
|
||
|
|
--z-toast: 2147483400;
|
||
|
|
--z-menu: 2147483500;
|
||
|
|
--z-dialog: 2147483647;
|
||
|
|
}
|