@font-face { font-family: "Sora"; font-style: normal; font-weight: 600 800; font-display: swap; src: url("fonts/sora-latin.woff2") format("woff2"); } @font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("fonts/manrope-latin.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("fonts/jetbrains-mono-latin.woff2") format("woff2"); } :root { --rb-display: "Sora", "Manrope", system-ui, sans-serif; --rb-body: "Manrope", system-ui, sans-serif; --rb-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --bxsites-gradient-start: #00BFF3; --bxsites-gradient-end: #00E08A; --bxsites-accent: #00BFF3; --bxsites-link: #0a63c9; --bxsites-link-hover: #084f9f; } [data-theme="dark"] { --bxsites-bg: #070b13; --bxsites-sidebar-bg: #0c1320; --bxsites-text: #eef3fa; --bxsites-muted: #9fb0cc; --bxsites-border: rgba(255, 255, 255, 0.09); --bxsites-link: #33cfff; --bxsites-link-hover: #7fe0ff; } body { font-family: var(--rb-body); } h1, h2, h3, h4, h5, .brand-name { font-family: var(--rb-display); letter-spacing: -0.02em; } code, pre, kbd, samp { font-family: var(--rb-mono); } .brand-logo { width: auto; height: 34px; margin: -3px 0; padding: 0; border-radius: 0; background: none; box-shadow: none; } .rb-video { margin: 1.5rem 0; border: 1px solid var(--bxsites-border); border-radius: 14px; overflow: hidden; background: #060a12; } .rb-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; } .rb-next-banner { margin: 0 0 1.5rem; padding: 0.75rem 1rem; border: 1px solid rgba(255, 184, 77, 0.5); border-radius: 10px; background: rgba(255, 184, 77, 0.12); }