48 lines
1.0 KiB
CSS
48 lines
1.0 KiB
CSS
|
:root {
|
||
|
|
--color-bg: #0a0a0f;
|
||
|
|
--color-bg-secondary: #12121a;
|
||
|
|
--color-text: #e8e8ec;
|
||
|
|
--color-text-muted: #9999a8;
|
||
|
|
--color-primary: #6366f1;
|
||
|
|
--color-primary-hover: #818cf8;
|
||
|
|
--color-accent: #22d3ee;
|
||
|
|
--color-accent-secondary: #a855f7;
|
||
|
|
--color-border: #2a2a3a;
|
||
|
|
--font-main: "Iceland", -apple-system, BlinkMacSystemFont, sans-serif;
|
||
|
|
--font-display: "Russo One", -apple-system, BlinkMacSystemFont, sans-serif;
|
||
|
|
--font-mono: "JetBrains Mono", "Iceland", monospace;
|
||
|
|
--small-font: 1.875rem;
|
||
|
|
--spacing-xs: 0.5rem;
|
||
|
|
--spacing-sm: 1rem;
|
||
|
|
--spacing-md: 2rem;
|
||
|
|
--spacing-lg: 4rem;
|
||
|
|
--spacing-xl: 6rem;
|
||
|
|
--max-width: 1200px;
|
||
|
|
--border-radius: 12px;
|
||
|
|
--border-radius-sm: 8px;
|
||
|
|
--transition: 0.2s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
html,
|
||
|
|
body,
|
||
|
|
#root {
|
||
|
|
width: 100%;
|
||
|
|
min-height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
background:
|
||
|
|
radial-gradient(circle at top, rgb(99 102 241 / 18%), transparent 36%),
|
||
|
|
linear-gradient(180deg, #080810, #0d1018);
|
||
|
|
color: var(--color-text);
|
||
|
|
font-family: var(--font-main);
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
input,
|
||
|
|
select,
|
||
|
|
textarea {
|
||
|
|
font: inherit;
|
||
|
|
}
|