:root {
  --color-bg: #f4efe4;
  --color-surface: rgba(255, 252, 246, 0.92);
  --color-surface-strong: #fffaf0;
  --color-text: #1d2a27;
  --color-muted: #596763;
  --color-brand: #0f766e;
  --color-brand-deep: #0b4f4a;
  --color-accent: #d97706;
  --color-accent-soft: #fff1da;
  --color-border: rgba(29, 42, 39, 0.12);
  --color-border-strong: rgba(29, 42, 39, 0.2);
  --color-contrast: #11211f;
  --color-success: #17633f;
  --color-danger: #ab2f2f;
  --shadow-soft: 0 20px 60px rgba(17, 33, 31, 0.08);
  --shadow-card: 0 18px 36px rgba(17, 33, 31, 0.08);
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --container: 1180px;
  --header-height: 82px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  font-family: Bahnschrift, 'Trebuchet MS', 'Gill Sans', sans-serif;
  line-height: 1.6;
  color: var(--color-text);
  background:
    radial-gradient(
      circle at top left,
      rgba(15, 118, 110, 0.15),
      transparent 30%
    ),
    radial-gradient(
      circle at right 20%,
      rgba(217, 119, 6, 0.12),
      transparent 28%
    ),
    linear-gradient(180deg, #fbf7ef 0%, #f3ecdf 100%);
}

a {
  color: inherit;
}

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

button,
input,
textarea {
  font: inherit;
}

button {
  border: 0;
  background: none;
}

textarea,
input {
  color: inherit;
}

:focus-visible {
  outline: 3px solid rgba(15, 118, 110, 0.28);
  outline-offset: 2px;
}

main {
  display: block;
}