:root {
  --app-bg: #f6f1e8;
  --app-bg-gradient:
    radial-gradient(circle at top, #fff7ed 0%, #f6f1e8 58%, #efe4d6 100%);
  --app-surface: #fff9f2;
  --app-surface-2: #f3e9dc;
  --app-surface-3: #ece0d0;
  --app-border: #e6d6be;
  --app-text: #1f1f1f;
  --app-text-soft: #6b6b6b;
  --app-text-faint: #9a8d7d;
  --app-primary: #2f8f5b;
  --app-primary-strong: #257149;
  --app-primary-soft: #e4f1e8;
  --app-accent: #d08a2f;
  --app-accent-strong: #b26f17;
  --app-accent-soft: #f8e7cf;
  --app-blue: #5e7ea6;
  --app-blue-strong: #456688;
  --app-blue-soft: #e7eef5;
  --app-danger: #c95d4a;
  --app-danger-soft: #f8e5e1;
  --app-shadow: 0 14px 32px rgba(121, 92, 46, 0.1);
  --app-shadow-soft: 0 8px 20px rgba(121, 92, 46, 0.07);
  --app-overlay: rgba(31, 31, 31, 0.42);
}

html {
  background: var(--app-bg);
}

body {
  background: var(--app-bg-gradient);
  color: var(--app-text);
}

body,
button,
input,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button,
input,
select,
textarea {
  font: inherit;
}

a {
  color: inherit;
}

input::placeholder,
textarea::placeholder {
  color: var(--app-text-faint);
}

select,
input,
textarea,
button {
  -webkit-tap-highlight-color: transparent;
}