64 lines
1.4 KiB
CSS
64 lines
1.4 KiB
CSS
:root {
|
|
--bb-bg: #f8fafc;
|
|
--bb-text: #0f172a;
|
|
--bb-muted: rgba(15, 23, 42, 0.70);
|
|
--bb-primary: #2563eb;
|
|
--bb-primary-weak: rgba(37, 99, 235, 0.12);
|
|
--bb-cta: #f97316;
|
|
--bb-border: rgba(15, 23, 42, 0.14);
|
|
--bb-card: rgba(255, 255, 255, 0.88);
|
|
--bb-card-solid: #ffffff;
|
|
|
|
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
font-synthesis: none;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
* { box-sizing: border-box; }
|
|
|
|
html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
background:
|
|
radial-gradient(900px 520px at 10% 0%, rgba(37, 99, 235, 0.12), rgba(0,0,0,0) 60%),
|
|
radial-gradient(900px 520px at 90% 0%, rgba(249, 115, 22, 0.12), rgba(0,0,0,0) 60%),
|
|
var(--bb-bg);
|
|
color: var(--bb-text);
|
|
}
|
|
|
|
a { color: var(--bb-primary); text-decoration: none; }
|
|
a:hover { color: #1d4ed8; }
|
|
|
|
button, input, select, textarea {
|
|
font: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
select, input, textarea {
|
|
background: rgba(255,255,255,0.92);
|
|
}
|
|
|
|
::placeholder {
|
|
color: rgba(15, 23, 42, 0.45);
|
|
}
|
|
|
|
a:focus-visible,
|
|
button:focus-visible,
|
|
input:focus-visible,
|
|
select:focus-visible {
|
|
outline: 2px solid rgba(37, 99, 235, 0.55);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
* { transition: none !important; scroll-behavior: auto !important; }
|
|
}
|