:root {
  --mn-bg: #f7f5ee;
  --mn-bg-soft: #fbfaf5;
  --mn-surface: rgba(255, 255, 255, 0.94);
  --mn-surface-strong: #ffffff;
  --mn-ink: #20363a;
  --mn-ink-soft: #5d7173;
  --mn-line: #dfe8e4;
  --mn-line-strong: #cbdad5;
  --mn-accent: #f28c28;
  --mn-accent-dark: #c96510;
  --mn-teal: #0f5961;
  --mn-teal-soft: #e7f1ef;
  --mn-yellow-soft: #fff4d8;
  --mn-red: #d94e45;
  --mn-green: #2f9f66;
  --mn-blue: #2d8fc4;
  --mn-purple: #7b61c8;
  --mn-shadow: 0 18px 42px rgba(31, 54, 58, 0.1);
  --mn-shadow-soft: 0 10px 24px rgba(31, 54, 58, 0.08);
  --mn-radius-sm: 12px;
  --mn-radius-md: 16px;
  --mn-radius-lg: 22px;
  --mn-radius-xl: 28px;
  --mn-container: 1240px;
  --mn-focus: 0 0 0 4px rgba(242, 140, 40, 0.18);
  font-family: "DM Sans", "Avenir Next", "Segoe UI", Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  min-height: 100vh;
  color: var(--mn-ink);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.2) 36%),
    radial-gradient(circle at 10% 0%, rgba(255, 244, 216, 0.9), transparent 34%),
    radial-gradient(circle at 92% 16%, rgba(231, 241, 239, 0.95), transparent 32%),
    linear-gradient(180deg, var(--mn-bg-soft) 0%, var(--mn-bg) 100%);
  font-family: "DM Sans", "Avenir Next", "Segoe UI", Arial, sans-serif;
  line-height: 1.5;
}

body.drawer-open {
  overflow: hidden;
}

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

button {
  cursor: pointer;
}

a {
  color: inherit;
}

img,
canvas,
svg {
  max-width: 100%;
}

::selection {
  background: rgba(242, 140, 40, 0.32);
}