:root {
  --color-bg: #f4f1eb;
  --color-surface: #ffffff;
  --color-surface-soft: #ebe6dc;
  --color-surface-dark: #101820;
  --color-primary: #172b3a;
  --color-primary-dark: #0d1c27;
  --color-primary-light: #dfe6ea;
  --color-accent: #b77a45;
  --color-accent-light: #efe0d2;
  --color-text: #17202a;
  --color-text-soft: #56616a;
  --color-text-muted: #879097;
  --color-text-inverse: #ffffff;
  --color-border: #d9d5cd;
  --color-border-light: #e9e5de;
  --color-success: #4d765f;
  --color-danger: #b65d52;
  --color-shadow: rgba(23, 32, 42, 0.09);
  --color-shadow-strong: rgba(23, 32, 42, 0.16);
  --color-overlay: rgba(16, 24, 32, 0.28);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 34px;
  --radius-pill: 999px;
  --container-width: 1320px;
  --transition-fast: 0.2s ease;
  --transition-base: 0.35s ease;
  --transition-slow: 0.6s ease;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
select,
textarea {
  font: inherit;
}
img {
  display: block;
  max-width: 100%;
}
::selection {
  background: var(--color-primary);
  color: var(--color-text-inverse);
}
.site-container {
  width: min(calc(100% - 48px), var(--container-width));
  margin: 0 auto;
}
@media (max-width: 768px) {
  .site-container {
    width: min(calc(100% - 28px), var(--container-width));
  }
}