@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/font-0.woff) format('woff');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/font-1.woff) format('woff');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/font-2.woff) format('woff');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/font-3.woff) format('woff');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/font-4.woff) format('woff');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/font-5.woff) format('woff');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/font-6.woff) format('woff');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/font-7.woff) format('woff');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/font-8.woff) format('woff');
}
:root {
 --bt-canvas:#121619; --bt-surface:#1C2226; --bt-raised:#252D32; --bt-border:#39434A; --bt-control:#728088;
 --bt-text:#F3F5F4; --bt-muted:#AEB8BF; --bt-quiet:#89969E; --bt-accent:#B9E769; --bt-on-accent:#14200C; --bt-selected:#293722;
 --bt-light:#E7EBE8; --bt-light-text:#202926; --bt-light-muted:#515E57; --bt-danger:#FFB4AC; --bt-danger-bg:#38211F;
 --background:var(--bt-canvas); --foreground:var(--bt-text); --card:var(--bt-surface); --border:var(--bt-border); --accent:var(--bt-accent);
 --muted:var(--bt-raised); --muted-foreground:var(--bt-muted); --accent-foreground:var(--bt-on-accent);
 --page-width:1500px; --page-gutter:40px;
 color-scheme:dark; font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif; color:var(--bt-text); background:var(--bt-canvas);
}
body{margin:0;background:var(--bt-canvas);color:var(--bt-text);font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif}
:focus-visible{outline:2px solid var(--bt-accent);outline-offset:4px}
::selection{background:var(--bt-accent);color:var(--bt-on-accent)}
@media(max-width:760px){:root{--page-gutter:18px}}
:root{--card-foreground:var(--bt-text);--popover:var(--bt-raised);--popover-foreground:var(--bt-text);--primary:var(--bt-accent);--primary-foreground:var(--bt-on-accent);--secondary:var(--bt-raised);--secondary-foreground:var(--bt-text);--input:var(--bt-control);--ring:var(--bt-accent);--destructive:var(--bt-danger)}
