:root {
  --color-primary:    #1a1a1a;
  --color-secondary:  #d4b895;
  --color-text:       #222222;
  --color-text-light: #444444;
  --color-bg-main:    #ffffff;
  --color-bg-light:   #f4f5f7;
  --color-white:      #ffffff;

  --font-main: 'Montserrat', sans-serif;

  --spacing-xs:  0.25rem;
  --spacing-sm:  0.5rem;
  --spacing-md:  1rem;
  --spacing-lg:  2rem;
  --spacing-xl:  4rem;
  --spacing-2xl: 6rem;

  --border-radius:    8px;
  --border-radius-lg: 16px;
  --transition:       all 0.3s ease;
  --transition-cubic: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --shadow-soft:  0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 10px 30px rgba(0, 0, 0, 0.15);

  --container-max: 1200px;
  --header-height: 80px;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height);
}

body {
  font-family: var(--font-main);
  color: var(--color-text);
  background-color: var(--color-bg-main);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}

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

button {
  font-family: inherit;
}