@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
:root {
    /* Colors */
    --accent: #731e27;
    --text: #333333;
    --bg-local: #f5f5f5;
    --border: #dadada;
    --button-background: #dadada;
    --bg-global: #ffffff;
    --text-light: #ffffff;
    --icon: #bdbdbd;
    --secondary: #f1e4e5;
    --secondaryActive: #eeb9bd;
    --red: #ffd0d0;
    --yellow: #fffdd0;
    --green: #dcffd0;
    --gray: #bdbdbd;
    --blue: #53c5ec;
    --placeholder: #bdbdbd;
    --color-border: #E7E7E7;
  
    /* Fonts */
    --h-1-font-family: Inter-Bold, sans-serif;
    --h-1-font-size: 36px;
    --h-1-line-height: 120%;
    --h-1-font-weight: 700;
    --h-1-font-style: normal;
    --main-font-family: Inter-Regular, sans-serif;
    --main-font-size: 16px;
    --main-line-height: 140%;
    --main-font-weight: 400;
    --main-font-style: normal;
    --main-medium-font-family: Inter-Medium, sans-serif;
    --main-medium-font-size: 16px;
    --main-medium-line-height: 140%;
    --main-medium-font-weight: 500;
    --main-medium-font-style: normal;
    --link-font-family: Inter-Regular, sans-serif;
    --link-font-size: 16px;
    --link-line-height: 140%;
    --link-font-weight: 400;
    --link-font-style: normal;
    --h-4-font-family: Inter-Bold, sans-serif;
    --h-4-font-size: 16px;
    --h-4-line-height: 140%;
    --h-4-font-weight: 700;
    --h-4-font-style: normal;
  
    /* Effects */
  }