/*Palette V.2.0*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

:root {
  /* Primitive/Colours Styles */

  --primary-element-background: #FFFfff;
  --primary-element-pale: #FFFfff;
  /* --primary-element-pale: #fff; */
  /* this color is updated to achieve background color of web pages as per figma*/
  --primary-element-subtle: #FBE9ED;
  --primary-element-light: #F4B9C6;
  --primary-element-mid-light: #E66884;
  --primary-element-mid: #DA1E48;
  --primary-element-mid-dark: #9B1533;
  --primary-element-dark: #DA1E48;

  /* Secondary/Element */
  --secondary-element-background: #FFFFFF;
  --secondary-element-pale: #FCFCFC;
  --secondary-element-subtle: #F4F4F5;
  --secondary-element-light: #DEDEDF;
  --secondary-element-mid-light: #B7B8B9;
  --secondary-element-mid: #939597;
  --secondary-element-mid-dark: #686A6B;
  --secondary-element-dark: #3E3F3F;

  /* Primary/Button */
  --primary-button-foreground-ondark: #FFFFFF;
  --primary-button-foreground-onlight: #DA1E48;
  --primary-button-label-inverted: #5C0D1E;
  --primary-button-resting: #DA1E48;
  --primary-button-hover: #9B1533;
  --primary-button-pressed: #781128;

  /* Secondary/Button */
  --secondary-button-foreground-ondark: #FFFFFF;
  --secondary-button-foreground-onlight: #939597;
  --secondary-button-label-inverted: #3E3F3F;
  --secondary-button-resting: #939597;
  --secondary-button-hover: #686A6B;
  --secondary-button-pressed: #515253;

  /* Tertiary/Button */
  --tertiary-button-foreground-ondark: #FFFFFF;
  --tertiary-button-foreground-onlight: #9B1533;
  --tertiary-button-label-inverted: #5C0D1E;
  --tertiary-button-resting: #9B1533;
  --tertiary-button-hover: #781128;
  --tertiary-button-pressed: #5C0D1E;

  /* Primary/Navigation */
  --primary-nav-label-selected: #FFFFFF;
  --primary-nav-label-resting: #9B1533;
  --primary-nav-label-hover: #781128;
  --primary-nav-label-pressed: #5C0D1E;
  --primary-nav-container-selected: #DA1E48;
  --primary-nav-container-selected-hover: #9B1533;

  /* Primary/Chip */
  --primary-chip-label-selected: #DA1E48;
  --primary-chip-border-selected: #DA1E48;
  --primary-chip-container-selected: #FBE9ED;
  --primary-chip-container-selected-hover: #F4B9C6;

  /* Primary/Tab */
  --primary-tab-label-resting: #FFFFFF;
  --primary-tab-container-active: #FFFFFF;
  --primary-tab-container-resting: #DA1E48;
  --primary-tab-container-resting-hover: #9B1533;

  /* Primary/Title */
  --primary-title-page-title: #5C0D1E;
  --primary-title-page-subtitle: #9B1533;
  --primary-title-card-title: #3E3F3F;
  --primary-title-card-subtitle: #9B1533;
  --primary-title-highlight: #C61B42;

  /* Secondary/Title */
  --secondary-title-page-title: #3E3F3F;
  --secondary-title-page-subtitle: #686A6B;
  --secondary-title-card-title: #3E3F3F;
  --secondary-title-card-subtitle: #686A6B;
  --secondary-title-highlight: #868889;

  /* Primary/Body Text */
  --primary-body-text-highlight: #C61B42;

  /* Secondary/Body Text */
  --secondary-body-text-highlight: #868889;

  /* Primary/Overlay */
  --primary-overlay-overlaylight: rgba(218, 30, 72, 0.4);
 

  /* Primary/Shadow */
  --primary-shadow-branded: #781128;


  /* Gradient/Element */
  --gradient-element-flashing: linear-gradient(135deg, #c5caff 0%, #eceeff 50.52%, #c1f3de 100%);
  --gradient-element-fade: linear-gradient(90deg, #eceeff00 0%, #eceeff 100%);

  /* ==========>          Gradients with the same start and end color */
  --gradient-element-pattern: linear-gradient(135deg, #c5caff 0%, #eceeff 50.52%, #c1f3de 100%);

  /* Gradient/Navigation */
  --gradient-navigation-separator: linear-gradient(90deg, #4454ff00 0%, #4454ff80 50%, #4555ff00 100%);
  --gradient-navigation-fade: linear-gradient(90deg, #eceeff00 0%, #eceeff 100%);



  
  /*  --color-loader: 29, 35, 107;         

  --font-montserrat: "Montserrat";
  --font-title: var(--font-montserrat);


  /* Font */
  --font-title: "Roboto";

  --primary-hyperlink-onlight: #DA1E48;
   --primary-hyperlink-ondark: #FBE9ED;


}