Files
documentation/assets/styling/roots.css
2026-10-07 20:03:38 -07:00

60 lines
1.2 KiB
CSS

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root {
--primary: #000000;
--bg-light: #ffffff;
--bg-dark: #000000;
--text-light: #0b0b0c;
--text-dark: #f3f3f3;
--muted-light: #6b7280;
--muted-dark: #a3a3a3;
--sidebar-width: 256px;
--toc-width: 240px;
--header-height: 148px;
--font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
--border-light: #e5e7eb;
--border-dark: #2b2b2b98;
}
body.banner-dismissed {
--header-height: 109px;
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
min-height: 100%;
margin: 0;
font-family: var(--font);
background: var(--bg-light);
color: var(--text-light);
line-height: 1.65;
overflow-x: hidden;
}
html.dark body {
background: var(--bg-dark);
color: var(--text-dark);
}
.video-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
a {
color: inherit;
text-decoration: none;
}