@font-face {
  font-family: "PT Sans";
  src: url("../../assets/fonts/pt-sans/PTS55F.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PT Sans";
  src: url("../../assets/fonts/pt-sans/PTS56F.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "PT Sans";
  src: url("../../assets/fonts/pt-sans/PTS75F.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PT Sans";
  src: url("../../assets/fonts/pt-sans/PTS76F.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "PT Sans Caption";
  src: url("../../assets/fonts/pt-sans/PTC55F.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PT Sans Caption";
  src: url("../../assets/fonts/pt-sans/PTC75F.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Code Pro";
  src: url("../../assets/fonts/source-code-pro/SourceCodePro-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Code Pro";
  src: url("../../assets/fonts/source-code-pro/SourceCodePro-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Code Pro";
  src: url("../../assets/fonts/source-code-pro/SourceCodePro-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-text: "PT Sans", sans-serif;
  --font-ui: "PT Sans Caption", "PT Sans", sans-serif;
  --font-mono: "Source Code Pro", monospace;
  --bg: #f6f3ec;
  --surface: #fffdf8;
  --surface-2: #f0eee7;
  --ink: #20231f;
  --muted: #69736c;
  --nav: #062f28;
  --nav-2: #0b4438;
  --nav-3: #124d40;
  --primary: #0e6b57;
  --primary-2: #0a5848;
  --warning: #b56b14;
  --warning-bg: #fff4df;
  --danger: #b63a2e;
  --danger-bg: #fff0ec;
  --ai: #315c72;
  --ai-bg: #e8f1f3;
  --line: #d8d4c8;
  --line-strong: #c4beae;
  --good: #2f7d48;
  --good-bg: #e7f4ea;
  --work: #315c72;
  --shadow: 0 16px 42px rgba(28, 31, 26, 0.08);
  --shadow-soft: 0 8px 20px rgba(28, 31, 26, 0.06);
  --radius: 8px;
  --radius-sm: 5px;
  --sidebar: 260px;
  --sidebar-collapsed: 82px;
  --topbar: 86px;
  --bottom-nav: 66px;
  --focus: 0 0 0 3px rgba(14, 107, 87, 0.22);
}