xeno/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: establish nightdrive visual foundation

Browse Source
This commit is contained in:
LucaP
2026-09-02 13:55:01 +03:00
parent f1e156fba7
commit 24afda8710
8 changed files with 193 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/styles/tokens.css
View File

@@ -1,29 +1,71 @@
@font-face {
font-family: 'Geist Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url('@fontsource-variable/geist/files/geist-latin-ext-wght-normal.woff2') format('woff2-variations');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Geist Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url('@fontsource-variable/geist/files/geist-latin-wght-normal.woff2') format('woff2-variations');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Geist Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url('@fontsource-variable/geist-mono/files/geist-mono-latin-wght-normal.woff2') format('woff2-variations');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
color-scheme: dark;
--canvas: #080d16;
--surface: #101722;
--surface-raised: #141e2b;
--line: #314154;
--line-strong: #4a6275;
--text: #f2f4f5;
--text-muted: #b5c0c9;
--cyan: #80d9e6;
--cyan-deep: #163b48;
--amber: #f5b752;
--focus: #ffd17a;
--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
--canvas: #040814;
--surface: rgb(7 14 25 / 95%);
--surface-strong: rgb(7 14 25 / 97%);
--surface-soft: rgb(15 28 43 / 92%);
--surface-raised: var(--surface-soft);
--line: rgb(126 200 214 / 22%);
--line-strong: rgb(126 220 232 / 44%);
--text: #f3f7f8;
--text-muted: #aab9c2;
--accent: #78d8e5;
--accent-deep: #103745;
--focus: #ffd693;
--world-magenta: #c74b91;
--world-amber: #f4ad67;
--cyan: var(--accent);
--cyan-deep: var(--accent-deep);
--amber: var(--world-amber);
--sans: 'Geist Variable', ui-sans-serif, system-ui, sans-serif;
--mono: 'Geist Mono Variable', ui-monospace, monospace;
--step--1: clamp(0.82rem, 0.78rem + 0.14vw, 0.92rem);
--step-0: clamp(1rem, 0.94rem + 0.24vw, 1.15rem);
--step-1: clamp(1.3rem, 1.14rem + 0.68vw, 1.75rem);
--step-2: clamp(1.9rem, 1.5rem + 1.35vw, 2.85rem);
--step-3: clamp(2.45rem, 1.82rem + 2.25vw, 4rem);
--step-4: clamp(3.5rem, 2.2rem + 5.8vw, 7.5rem);
--space-1: clamp(0.5rem, 0.45rem + 0.2vw, 0.68rem);
--space-2: clamp(0.85rem, 0.75rem + 0.38vw, 1.15rem);
--space-3: clamp(1.3rem, 1.1rem + 0.7vw, 1.9rem);
--space-4: clamp(2rem, 1.65rem + 1.1vw, 3rem);
--space-5: clamp(3.25rem, 2.5rem + 2.6vw, 6rem);
--radius-surface: 12px;
--radius-control: 10px;
--panel-border: 1px solid var(--line);
--panel-shadow: 0 14px 34px rgb(0 0 0 / 18%);
--transition: 160ms ease;
--panel-shadow: 0 1.5rem 4rem rgb(0 7 19 / 34%);
--transition: 220ms cubic-bezier(0.2, 0.75, 0.2, 1);
--z-world: 0;
--z-atmosphere: 1;
--z-content: 2;
--z-navigation: 3;
--z-hud: 4;
--z-popover: 5;
}