File size: 1,397 Bytes
703a33a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | @import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap");
:root {
color-scheme: dark;
--bg: #07111f;
--bg-elevated: rgba(10, 24, 42, 0.82);
--bg-strong: #0d1d32;
--panel: rgba(12, 29, 48, 0.9);
--line: rgba(137, 191, 255, 0.16);
--line-strong: rgba(137, 191, 255, 0.32);
--text: #f4f8ff;
--muted: #97aac7;
--accent: #5cd2ff;
--accent-soft: rgba(92, 210, 255, 0.14);
--accent-strong: #84ffe1;
--good: #7ff3c7;
--warn: #f9d46b;
--planned: #8ca6cc;
--shadow: 0 24px 80px rgba(2, 8, 20, 0.42);
--radius-xl: 28px;
--radius-lg: 22px;
--radius-md: 16px;
--shell: min(1220px, calc(100vw - 32px));
--title-font: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
--body-font: "IBM Plex Sans", "Helvetica Neue", sans-serif;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
font-family: var(--body-font);
background:
radial-gradient(circle at top left, rgba(92, 210, 255, 0.16), transparent 30%),
radial-gradient(circle at top right, rgba(132, 255, 225, 0.12), transparent 24%),
linear-gradient(180deg, #091424 0%, #07111f 52%, #060d17 100%);
color: var(--text);
}
a {
color: inherit;
text-decoration: none;
}
button,
input,
textarea,
select {
font: inherit;
}
img {
display: block;
max-width: 100%;
}
|