:root {
  /* Fonts */
  --font-family-default-medium: "Campton-Medium", sans-serif;
  --font-family-default-semibold: "Campton-SemiBold", sans-serif;
  --font-family-default-bold: "Campton-Bold", sans-serif;
  --font-family-default-book: "Campton-Book", sans-serif;
  --font-family-default-light: "Campton-Light", sans-serif;
  --font-family-default-thin: "Campton-Thin", sans-serif;

  /* Blue Colors */
  --color-blue: #00a3e0; /* OBSS Logo Light Blue */
  --color-blue-dark: #2154c2;
  --color-blue-darker: #1749b4;

  /* Primary Colors */
  --color-primary: #003145; /* OBSS Logo Dark Blue */
  --color-primary-light: #436776;

  /* Success Colors */
  --color-success: #0c7c02;
  --color-success-dark: #096301;

  /* Neutral Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-100: #f7f9f9;
  --color-gray-200: #eceff0;
  --color-gray-300: #ebeff0;
  --color-gray-400: #e7e7e7;
  --color-gray-500: #dedbdb;
  --color-gray-600: #dddddd;
  --color-gray-700: #bfbfbf;
  --color-gray-800: #8a939b;

  /* Link Colors */
  --color-link: #0056b3;

  /* Border Colors */
  --color-border-light: #ebeff0;
  --color-border: #dedbdb;
  --color-border-dark: #dddddd;
}