@font-face{
    font-family:Manrope;
    font-style:normal;
    font-weight:200 800;
    font-display:fallback;
    src:url('https://cb.nuno-nuno.com/wp-content/themes/cablebahamas-pro/assets/fonts/Manrope-VariableFont_wght.woff2') format('woff2');
}

:root {

   /* Font Families */
   --cb-font-primary: "Circular Pro", sans-serif;
   --cb-font-secondary:"Manrope", sans-serif;
   --cb-font-serif: "times", serif;
	
	
   /* Desktop Font Sizes */
   --cb-font-size-xs: 12px;
   --cb-font-size-sm: 14px;
   --cb-font-size-m: 16px;
   --cb-font-size-lg: 20px;
   --cb-font-size-xl: 24px;
   --cb-font-size-2xl: 36px;
   --cb-font-size-3xl: 48px;
   --cb-font-size-4xl: 64px;
   
  /* Mobile Font Sizes */
   --cb-mb-font-size-4xl:36px;
   --cb-mb-font-size-3xl:34px;
   --cb-mb-font-size-2xl:28px;

   /* Font Weights */
   --cb-font-weight-light: 300;
   --cb-font-normal: 450;
   --cb-font-weight-medium: 500;
   --cb-font-semibold: 600;
   --cb-font-weight-bold: 700;
   --cb-font-weight-black: 900;

   /* Line Heights */
   --cb-line-height-tight: 1.2;
   --cb-line-height-normal: 1.5;
   --cb-line-height-relaxed: 1.6;

   /*BG Color*/
   --cb-bg-primary: #01a5ad;
   --cb-bg-black: #000000;
   --cb-bg-white: #ffffff;
   --cb-bg-light: #f6f8f8;
   --cb-bg-sky:#F5F9F9;
   --cb-bg-blue:#7198A3;
   --cb-color-bg-light-blue: #f5f5f5;
   --cb-color-bg-footer: #eaecec;

   /* CTA Hover BG Color */
   --cb-cta-hover-bg-color: #01a5ad;



   /*Text Color*/
   --cb-text-color-blue:#01a5ad;
   --cb-text-black: #000000;
   --cb-text-white: #ffffff;
   --cb-text-blue:#7198A3;
   --cb-color-primary-dark: #015f63;
   --cb-color-fade-black: #221F20;


   /*Border Color*/
   --cb-border-dark:#000000;
   
   /* Letter Spacing */
   --cb-letter-spacing-tight: -0;
   --cb-letter-spacing-normal: 0;
   --cb-letter-spacing-wide: 0.5px;
   --cb-letter-spacing-wider: 2px;

   /*mobile Alignment*/
   --text-sm-left:left;
   --text-sm-center:center;


   
   /* Gray Scale */
   --cb-color-gray-50: #f9fbfb;
   --cb-color-gray-100: #f7f8f8;
   --cb-color-gray-200: #eaecec;
   --cb-color-gray-300: #d9d9d9;
   --cb-color-gray-400: #ccc;
   --cb-color-gray-500: #767676;
   --cb-color-gray-600: #5a5a5a;
   --cb-color-gray-700: #495968;
   --cb-color-gray-800: #757575;
   --cb-color-gray-900: #4a4a4a;

   /* Dark Colors */
   --cb-color-dark-100: #303030;
   --cb-color-dark-200: #2c2c2c;
   --cb-color-dark-300: #1e1e1e;
   --cb-color-dark-400: #111111;
   --cb-color-dark-500: #1a1a1a;


   /* Accent Colors */
   --cb-color-accent: #7198a3;
   --cb-color-error: #ff0808;
   --cb-color-teal: #01a5ad;
   --cb-color-success: #645D9C;

   /* Additional Colors */
   --cb-color-dark-gray: #4a4a4a;
   --cb-color-light-blue-100: #eaecec;

   /*SPACING TOKENS*/
   --cb-space-0: 0;
   --cb-space-1: 4px;
   --cb-space-2: 8px;
   --cb-space-3: 12px;
   --cb-space-4: 16px;
   --cb-space-5: 20px;
   --cb-space-6: 24px;
   --cb-space-7: 28px;
   --cb-space-custom-7: 30px;
   --cb-space-8: 32px;
   --cb-space-9: 36px;
   --cb-space-10: 40px;
   --cb-space-12: 48px;
   --cb-space-16: 64px;
   --cb-space-18: 72px;
   --cb-space-20: 80px;
   --cb-space-24: 96px;
   --cb-space-custom-24: 100px;
   --cb-space-32: 128px;
   
   /* Margin */
   --mtb-15:15px;
   
   /*Margin-top*/
   --mt-10:10px;
   --mt-20:20px;
   --mt-50: 50px;
   
   /*Margin-bottom*/
   --mb-8: 8px;
   --mb-10:10px;
   --mb-12:12px;
   --mb-20:20px;

   /* Padding-top */
   --pt-90:90px;

   /*Padding-bottom*/
   --pb-16: 16px;

   
   

   /* Gap Tokens */
   --cb-gap-0: 0px;
   --cb-gap-xs: 5px;
   --cb-gap-sm: 16px;
   --cb-gap-md: 24px;
   --cb-gap-custom-md: 25px;
   --cb-gap-lg: 30px;

   /*BORDER RADIUS TOKENS*/
   --cb-radius-sm: 4px;
   --cb-radius-base: 8px;
   --cb-radius-lg: 16px;
   --cb-radius-xl: 30px;
   --cb-radius-full: 50%;

   /*SHADOW TOKENS*/
   --cb-shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.1);
   --cb-shadow-base: 0 4px 10px rgba(0, 0, 0, 0.3);
   --cb-shadow-lg: 0 8px 25px rgba(0, 0, 0, 0.15);

   /*TRANSITION TOKENS*/
   --cb-transition-fast: 0.2s ease;
   --cb-transition-base: 0.3s ease;
   --cb-transition-slow: 0.5s ease;

   /*BREAKPOINT TOKENS*/
   --cb-breakpoint-sm: 480px;
   --cb-breakpoint-md: 768px;
   --cb-breakpoint-lg: 1024px;
   --cb-breakpoint-xl: 1280px;

   /*Z-INDEX TOKENS*/
   --cb-z-dropdown: 100;
   --cb-z-sticky: 1000;
   --cb-z-fixed: 1001;
   --cb-z-modal-backdrop: 1002;
   --cb-z-modal: 1003;

}