:root {
    --primary-blue: #227296;
    --secondary-blue: #40ACD3;
    --light-blue: #d6f0f8;
    --gray-dark: #374151;
    --gray-medium: #6b7280;
    --gray-light: #f3f4f6;
    --white: #ffffff;
    --alert-yellow: #fef3c7;
    --alert-yellow-text: #92400e;
    --success-green: #70BC7C;
    --blue: var(--primary-blue);
    --indigo: var(--secondary-blue);
    --purple: var(--secondary-blue);
    --pink: var(--alert-yellow);
    --red: var(--alert-yellow-text);
    --orange: var(--alert-yellow-text);
    --yellow: var(--alert-yellow-text);
    --green: var(--success-green);
    --teal: var(--secondary-blue);
    --cyan: var(--success-green);
    --white: #fff;
    --gray: var(--gray-medium);
    --light: var(--light-blue);
    --lighter: var(--white);
    --primary: var(--primary-blue);
    --secondary: var(--light-blue);
    --success: var(--success-green);
    --info: var(--secondary-blue);
    --warning: var(--alert-yellow-text);
    --danger: var(--alert-yellow-text);
    --light: var(--gray-medium);
    --dark: var(--gray-dark);
    --default: var(--primary);

  --font-family-sans-serif: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


html {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px; 
    line-height: 1.7;
    color: var(--gray-dark);
    background-color: var(--white);
}

.btn-primary {
  background-color: var(--success-green);
  border-color: var(--success-green);
}

.text-blue {
  color: var(--gray-dark) !important;
}