@font-face {
  font-family: "Epilogue";
  src: url("../fonts/epilogue-latin-var.woff2") format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-var.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-primary: #c8102e;      
  --color-dark-red: #500612;     
  --color-footer: #3a0309;       
  --color-text: #1a1a1a;         
  --color-white: #ffffff;
  --color-grey: #d8d8d8;         
  --color-light-grey: #f2f2f2;   
  --color-label: #333333;        
  --color-line: #ececec;         
  --color-on-dark-muted: rgb(255 255 255 / 0.72); 
  --color-field-border: #b9b9b9;
  --color-placeholder: #6b6b6b;
  --color-error: #ffd9de;        
  --color-error-strong: #b00020; 
  --color-success: #1d6b3a;
  --focus-ring: #ffbf47;         
  --font-heading: "Epilogue", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --fs-h1: clamp(2.1875rem, 1.2rem + 3.2vw, 3.8125rem); 
  --fs-h2: clamp(2.25rem, 1.8651rem + 1.7105vw, 3.0625rem); 
  --fs-h3-card: 1.375rem;        
  --fs-label: clamp(1.1875rem, 1.1579rem + 0.1316vw, 1.25rem); 
  --fs-body: 1rem;
  --fs-body-big: 1.125rem;
  --fs-small: 0.8125rem;
  --lh-body: 1.65;
  --lh-heading: 1.1;
  --content-max: 1140px;
  --gutter: 24px;
  --section-pad: 80px;
  --gap-section: 60px;
  --radius-img: 8px;
  --radius-ui: 4px;
  --header-h: 84px;
  --ease: 0.25s ease;
}
@media (max-width: 767px) {
  :root {
    --gutter: 20px;
    --section-pad: 56px;
    --gap-section: 36px;
    --header-h: 72px;
  }
}
:root {
  --color-deep: #2e030a;        
  --color-frost: #e8f1f5;       
  --color-frost-deep: #9fc4d6;  
  --color-steel: #3f7a96;       
  --color-rose: #c98a87;        
  --color-rose-tint: #f7eeee;   
  --ease-out: cubic-bezier(.22, .8, .24, 1);
}