42 lines
1.1 KiB
CSS
42 lines
1.1 KiB
CSS
|
|
|
|
:root {
|
|
--bg: #0a0f1c; /* deep night sky */
|
|
--surface: #111827; /* panels */
|
|
--surface-alt: #0f172a; /* slight variation */
|
|
--text: #e6edf3; /* crisp readable */
|
|
--muted: #94a3b8; /* secondary text */
|
|
--accent: #38bdf8; /* sky blue */
|
|
--accent-soft: #0ea5e9; /* deeper blue */
|
|
--accent-glow: rgba(56, 189, 248, 0.15);
|
|
--border: #1f2937;
|
|
--table-heading: #ffc107;
|
|
--table-border: rgba(255,193,7,0.2)
|
|
|
|
}
|
|
|
|
a {
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
|
|
.glass {
|
|
background: rgba(17, 24, 39, 0.2); /* --surface at 60% */
|
|
-webkit-backdrop-filter: blur(12px) saturate(180%);
|
|
backdrop-filter: blur(12px) saturate(180%);
|
|
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(56, 189, 248, 0.05);
|
|
}
|
|
|
|
.glass-border {
|
|
border: 1px solid rgba(56, 189, 248, 0.15); /* --accent at low opacity */
|
|
}
|
|
|
|
body {
|
|
background-color: var(--bg);
|
|
background-image:
|
|
radial-gradient(ellipse at 20% 50%, rgba(56, 189, 248, 0.06) 0%, transparent 60%),
|
|
radial-gradient(ellipse at 80% 20%, rgba(14, 165, 233, 0.05) 0%, transparent 50%);
|
|
}
|