@font-face {
  font-family: Plex;
  src: url(../assets/fonts/IBMPlexSans-Regular.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Plex;
  src: url(../assets/fonts/IBMPlexSans-Medium.woff2) format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Plex;
  src: url(../assets/fonts/IBMPlexSans-SemiBold.woff2) format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
:root {
  --canvas: #f6f7f8;
  --surface: #fff;
  --ink: #20242b;
  --muted: #626b76;
  --line: #dde2e7;
  --accent: #176b67;
  --accent-dark: #10504d;
  --accent-soft: #e7f2f0;
  --red: #b1433e;
  --red-soft: #fcf0ee;
  --amber: #946523;
  --amber-soft: #fbf4e5;
  --blue: #456a93;
  --blue-soft: #edf3fa;
  --radius: 8px;
  --panel-radius: 12px;
  --shadow: 0 16px 60px #20242b24;
  --space: 4px;
  --font: Plex, system-ui, -apple-system, "Segoe UI", sans-serif;
}