:root {
  --bk-primary: #5ca5c6;
  --bk-primary-700: #28728f;
  --bk-accent: #df975d;
  --bk-accent-700: #b96832;
  --bk-ink: #1f3442;
  --bk-muted: #5f737c;
  --bk-line: #dce8ed;
  --bk-cloud: #f5fafc;
  --bk-mint: #dff4ec;
  --bk-white: #ffffff;
  --bk-radius: 8px;
  --bk-shadow: 0 18px 55px rgba(31, 52, 66, 0.12);
  --bk-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  color: var(--bk-ink);
  font-family: var(--bk-font);
  scroll-behavior: smooth;
}

body {
  background: var(--bk-white);
  color: var(--bk-ink);
  font-family: var(--bk-font);
  margin: 0;
}

* {
  box-sizing: border-box;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

a {
  color: var(--bk-primary-700);
  text-decoration: none;
}

a:hover {
  color: var(--bk-accent-700);
}

::selection {
  background: rgba(223, 151, 93, 0.24);
  color: var(--bk-ink);
}