Files
schafkop-neu/frontend/src/app.css

33 lines
868 B
CSS

:root {
--font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
--bg: #0b0b0b;
--surface: #121212;
--text: #eaeaea;
--muted: #9aa3b2;
--accent: #7c6cff;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
margin: 0;
font-family: var(--font-family);
color: var(--text);
background: linear-gradient(180deg, var(--bg), var(--surface));
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a { color: var(--accent); text-decoration: none; }
a:hover { opacity: 0.9; }
/* utility container used by App.svelte */
.container { max-width: 1100px; margin: 0 auto; padding: 1.25rem; }
/* accessible focus styles */
:focus { outline: 3px solid rgba(124,108,255,0.18); outline-offset: 2px; }
@media (prefers-color-scheme: light) {
:root { --bg: #fafafa; --surface:#fff; --text:#111827; --muted:#556; }
}