@font-face {
  font-family: Space Grotesk;
  src: url(/assets/fonts/space-grotesk.woff2) format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url(/assets/fonts/manrope.woff2) format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: Workspace Mono;
  src: url(/assets/fonts/jetbrains-mono-nerd-font-mono-regular.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
:root {
  color-scheme: light;
  --bg: #f6f0ed;
  --ink: #35252a;
  --muted: #79656b;
  --dim: #806670;
  --line: #e1d2d3;
  --line-soft: #ede3e1;
  --panel: #fffbf8;
  --plum: #441a29;
  --accent: #913f56;
  --amber: #94671a;
  --red: #ae403a;
  --green: #267957;
  --action-bg: #934059;
  --action-hover: #a34864;
  --action-ink: #fff5f1;
  --action-line: #c98498;
  --hero-accent: #98445e;
  --mono:
    "Workspace Mono",ui-monospace,monospace;
  --body:
    Manrope,Arial,sans-serif;
  --heading:
    "Space Grotesk",Arial,sans-serif;
  --window-bg: #fcf5f1;
  --window-chrome: #ead9d9;
  --window-side: #f0e4df;
  --window-line: #dac2c7;
  --surface-soft: #eee1df;
  --hero-muted: #73545f;
  --hero-ink: #45212d;
  --hero-line: #cfb4bc;
  --page-wash:
    radial-gradient(ellipse 90% 70% at 30% 0%, #fffaf4e6, transparent 75%),
    linear-gradient(118deg, transparent 40%, #dcc2bd24 40.1%, #dcc2bd24 63%, transparent 63.1%),
    repeating-linear-gradient(90deg, #913f560b 0 1px, transparent 1px 72px),
    repeating-linear-gradient(0deg, #913f560b 0 1px, transparent 1px 72px),
    #f6f0ed;
  --hero-wash:
    radial-gradient(

      ellipse 65% 110% at 3% 0%,
      #dcafbd75,
      transparent 70%),
    radial-gradient(

      ellipse 60% 100% at 95% 5%,
      #fffdf8cc,
      transparent 65%),
    linear-gradient(

      120deg,
      #f0dedf,
      #f8ede7 52%,
      #f3e6e4);
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #19171b;
    --ink: #f5efea;
    --muted: #bfb0b7;
    --dim: #ad9da6;
    --line: #463b43;
    --line-soft: #342d33;
    --panel: #242126;
    --accent: #f1b0a7;
    --action-bg: #f1b0a7;
    --action-hover: #ffcab9;
    --action-ink: #38232a;
    --action-line: #ffd0bd;
    --hero-accent: #ffc3ab;
    --hero-muted: #d0bcc1;
    --hero-ink: #fff3e9;
    --hero-line: #74515a;
    --page-wash:
      radial-gradient(ellipse 90% 70% at 30% 0%, #38272f80, transparent 75%),
      linear-gradient(118deg, transparent 40%, #d59e8610 40.1%, #d59e8610 63%, transparent 63.1%),
      repeating-linear-gradient(90deg, #f1b0a708 0 1px, transparent 1px 72px),
      repeating-linear-gradient(0deg, #f1b0a708 0 1px, transparent 1px 72px),
      #19171b;
    --hero-wash:
      radial-gradient(ellipse 65% 110% at 95% 0, #bb775345, transparent 70%),
      radial-gradient(ellipse 65% 95% at 0 0, #8e40584d, transparent 85%),
      linear-gradient(115deg, #35242e, #28242b 58%, #263131);
    --amber: #efc992;
    --red: #f3a799;
    --green: #aad5ba;
    --window-bg: #242c30;
    --window-chrome: #344046;
    --window-side: #2b353a;
    --window-line: #566469;
    --surface-soft: #302a31;
  }
}