@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@700;900&display=swap');

:root {

    /* Colours */
  --color-primary: #004E3E;
  --color-secondary: #BF3688;
  --color-moss: #8DC640;
  --color-rose: #F170A5;
  --color-black: #231F20;
  --color-white: #FFFFFF;
  --color-hover: #FFCC23;
  --Sky-100: #00C0E0;
  --DarkRed: #941C1C;


  --NewBlack-90: #191919;
  --NewBlack-80: #333333;
  --NewBlack-70: #4D4D4D;
  --NewBlack-60: #666666;
  --NewBlack-30: #B3B3B3;
  --NewBlack-15: #E0E0E0;

  --font-headings: "Poppins", "Helvetica Neue", Helvetica, sans-serif !important;

  /* Global Typography */
  --font-family-main: "Inter", "Helvetica Neue", Helvetica, sans-serif !important;

  /* H1 Special / Display */
  --h1-special-size: 64px;
  --h1-special-weight: 900; 
  --h1-special-line-height: 49px; 
  --h1-special-letter-spacing: -1.06px;
  --h1-special-transform: uppercase;

  /* H1 */
  --h1-size: 48px;
  --h1-weight: 700; 
  --h1-line-height: 52px;
  --h1-letter-spacing: -1.06px;

  /* H2 */
  --h2-size: 32px;
  --h2-weight: 700;
  --h2-line-height: 40px;

  /* H3 */
  --h3-size: 20px;
  --h3-weight: 700;
  --h3-line-height: 28px;

  /* Global Body Font Family */
  --font-family-body: "Inter", "Helvetica Neue", Helvetica, sans-serif !important;

  /* Body / Paragraph */
  --body-size: 16px;
  --body-weight: 400; /* Regular */
  --body-line-height: 24px;

  /* Large Body / Lede */
  --body-large-size: 18px;
  --body-large-weight: 400;
  --body-large-line-height: 28px;

  /* Small Body / Small Paragraph */
  --body-small-size: 14px;
  --body-small-weight: 400;
  --body-small-line-height: 20px;

  /* Buttons / CTA */
  --btn-font-size: 20px;
  --btn-font-weight: 700; /* Bold */
  --btn-line-height: 24px;

  /* Alerts */

    --alert-success: #D4EDDA;
    --alert-success-border: #C3E6CB;
    --alert-success-text: #155724;

    --alert-info: #D1ECF1;
    --alert-info-border: #BEE5EB;
    --alert-info-text: #0C5460;

    --alert-danger: #F8D8D5;
    --alert-danger-border: #EE3250;
    --alert-danger-text: #85061A;

    --alert-warning: #F8D7DA;
    --alert-warning-border: #F5C6CB;
    --alert-warning-text: #721C24;
}