SHiNE-server/shine-UI/styles/main.css

55 lines
972 B
CSS

:root {
--bg-0: #050c1a;
--bg-1: #0a1630;
--bg-2: #132346;
--card: #162646;
--card-soft: #1a2f55;
--line: #2f4777;
--text: #edf2ff;
--text-muted: #9eb0d8;
--accent: #d9b56f;
--accent-soft: rgba(217, 181, 111, 0.18);
--danger: #ff718f;
--ok: #84f4a1;
--radius-lg: 18px;
--radius-md: 12px;
--radius-sm: 9px;
--shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
--font-main: "Manrope", "IBM Plex Sans", "Segoe UI", sans-serif;
}
* {
box-sizing: border-box;
}
html,
body {
margin: 0;
padding: 0;
min-height: 100%;
background:
radial-gradient(circle at 12% -8%, rgba(214, 176, 90, 0.24), transparent 35%),
radial-gradient(circle at 84% 4%, rgba(43, 78, 148, 0.42), transparent 38%),
linear-gradient(180deg, #050b18, #030812 70%) fixed;
color: var(--text);
font-family: var(--font-main);
}
button,
input {
font: inherit;
color: inherit;
}
h1,
h2,
h3,
p {
margin: 0;
}
a {
color: inherit;
text-decoration: none;
}