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

@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/fonts/montserrat-latin-wght-italic.woff2") format("woff2-variations");
}

:root {
  --brand-orange: #faa21c;
  --brand-orange-dark: #a66000;
  --brand-yellow: #f8c700;
  --brand-yellow-dark: #8a6f00;
  --brand-green: #a3dd6b;
  --brand-green-dark: #4f7e27;
  --brand-header: #120c02;
  --color-ink: #272727;
  --color-text: #666666;
  --color-muted: #858585;
  --color-border: #e8e8e8;
  --color-soft: #f7f7f5;
  --color-white: #ffffff;
  --color-footer: #373737;
  --color-danger: #a7353d;
  --color-danger-soft: #fff0f1;
  --color-success: #287a4b;
  --color-success-soft: #edf8f1;
  --font-family: "Montserrat", sans-serif;
  --page-width: 1180px;
  --page-padding: clamp(1rem, 6vw, 5rem);
  --radius-sm: 0.5rem;
  --radius-md: 0.85rem;
  --radius-lg: 1.25rem;
  --shadow-card: 0 10px 28px rgba(32, 25, 12, 0.08);
  --shadow-raised: 0 22px 60px rgba(32, 25, 12, 0.14);
  --transition: 180ms ease;
}