:root{
  --bg:#ebe7dd;
  --bg-elevated:#f7f3eb;
  --surface:#fffdf8;
  --surface-strong:#fbf7ef;
  --surface-contrast:#14202b;
  --line:#d8d0c2;
  --line-strong:#baa98c;
  --text:#17202a;
  --muted:#5f6b76;
  --accent:#8b5e3c;
  --accent-soft:#caa57f;
  --accent-deep:#3d2d22;
  --success:#2d6a4f;
  --shadow:0 24px 60px rgba(31, 37, 42, 0.10);
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:14px;
  --radius-sm:10px;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  min-height:100vh;
  font-family:"IBM Plex Sans", "Segoe UI", sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(202, 165, 127, 0.18), transparent 28%),
    radial-gradient(circle at bottom right, rgba(61, 45, 34, 0.12), transparent 24%),
    linear-gradient(180deg, #f4efe5 0%, #e9e2d6 100%);
}

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

button{
  cursor:pointer;
}

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

h1,
h2,
h3{
  margin:0;
  font-family:"Space Grotesk", "Segoe UI", sans-serif;
  letter-spacing:-0.03em;
}

p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}

ul{
  margin:0;
  padding:0;
  list-style:none;
}