@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/montserrat-latin-400-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

:root {
  /* Brand */
  --color-primary: #4B4034;
  --color-secondary: #AB9677;

  /* Backgrounds */
  --color-background: #F7F2EA;
  --color-surface: #FFFFFF;
  --color-surface-soft: #EFE7DC;

  /* Text */
  --color-text: #4B4034;
  --color-text-muted: #756A5F;
  --color-text-inverse: #FFFFFF;

  /* Borders */
  --color-border: #DDD2C3;

  /* Focus */
  --color-focus: #4B4034;

  /* Typography */
  --font-family: "Montserrat", Arial, sans-serif;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;

  /* Radius */
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;

  /* Shadow */
  --shadow-soft: 0 0.5rem 1.5rem rgb(75 64 52 / 0.08);

  /* Motion */
  --transition-fast: 160ms ease;
}