@font-face {
  font-family: Inter;
  src: url("./assets/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("./assets/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("./assets/inter-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
:root {
  --background: #09070d;
  --panel: #17111f;
  --ink: #f5f3f7;
  --muted: #aca6b5;
  --rule: #3c3049;
  --lavender: #c4adff;
  --button-ink: #130b22;
  --case-background: #b69aff;
  --glass-hi: #2e2043;
  --glass-lo: #140e20;
  --glass-edge: #58416f;
  --art-light: #322047;
  --clear: transparent;
  --font-body: Inter, Arial, sans-serif;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 128px;
  --gutter: clamp(20px, 4.5vw, 68px);
  --measure: 1328px;
  --gap: clamp(14px, 2.1vw, 28px);
  --radius: 3px;
  --panel-radius: 18px;
  --line: 1px solid var(--rule);
}