/* Blackglass tokens: compiled from the design system's tokens.json. Edit the tokens there, then recompile. */

@font-face {
  font-family: "Inter";
  src: url("../assets/inter.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../assets/jetbrains-mono.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Color */
  --bg-000: #08090a;
  --bg-050: #0b0c0d;
  --bg-100: #121315;
  --bg-150: #17181b;
  --bg-200: #222327;
  --bg-veil: #0b0c0de0;
  --line-100: #1c1d20;
  --line-200: #25272b;
  --line-300: #3b3e43;
  --ink-050: #fafaf6;
  --ink-100: #ebebe6;
  --ink-200: #a3a39c;
  --ink-300: #86867f;
  --ink-400: #5f605b;
  --on-ink: #17181b;
  --signal: #f27648;
  --signal-hover: #ff8d61;
  --signal-wash: #f276481a;
  --signal-edge: #79513c;
  --signal-deep: #623826;
  --on-signal: #17181b;
  --focus-ring: var(--signal);
  --stage-scope: #171b20;
  --stage-investigate: #1b1a20;
  --stage-verify: #201b18;
  --stage-share: #191e1c;
  --paper-050: #e7e6df;
  --paper-100: #c9c8c0;
  --paper-muted: #55554f;
  --status-critical: #ff5f74;
  --status-high: #f5a04f;
  --status-medium: #e0c674;
  --status-low: #8fabd6;
  --status-verified: #7fcca8;
  /* Shadow */
  --shadow-edge: inset 0 1px 0 #ffffff0d;
  --shadow-capture: 0 24px 64px -16px #000000b3, 0 2px 6px #0000004d;
  --shadow-float: 0 10px 30px -6px #00000080;
  --shadow-dialog: 0 40px 120px #000000a6;
  --shadow-offset: 4px 5px 0 #3b302a;
  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  /* Radius */
  --radius-0: 0px;
  --radius-xs: 3px;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  /* Layout */
  --page-width: 1240px;
  --page-gutter: 80px;
  --page-gutter-md: 56px;
  --page-gutter-sm: 20px;
  --header-height: 64px;
  --measure: 62ch;
  /* Opacity */
  --lattice-opacity: 0.12;
  --grain-opacity: 0.15;
  /* Type */
  --font-sans: Inter, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  color-scheme: dark;
}