/*Palette V.2.0*/

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&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: #EAF0FF;
  --primary-element-light:#BDD1FF;
  --primary-element-mid-light: #709BFF;
  --primary-element-mid: #2969FF;
  --primary-element-mid-dark:#1D4BB5;
  --primary-element-dark: #112C6B;

  /* Secondary/Element */
  --secondary-element-background: #FFFFFF;
  --secondary-element-pale:#FFF7F6;
  --secondary-element-subtle: #FEEFEE;
  --secondary-element-light:#FDCECA;
  --secondary-element-mid-light:#FA968D;
  --secondary-element-mid:#F76255;
  --secondary-element-mid-dark:#AF463C;
  --secondary-element-dark:#682924;

  /* Primary/Button */
  --primary-button-foreground-ondark:#FFFFFF;
  --primary-button-foreground-onlight: #2969FF;
  --primary-button-label-inverted:#112C6B;
  --primary-button-resting:#2969FF;
  --primary-button-hover:#1D4BB5;
  --primary-button-pressed:#173A8C;

  /* Secondary/Button */
  --secondary-button-foreground-ondark:#FFFFFF;
  --secondary-button-foreground-onlight:#F76255;
  --secondary-button-label-inverted: #682924;
  --secondary-button-resting: #F76255;
  --secondary-button-hover:#AF463C;
  --secondary-button-pressed: #88362F;

  /* Tertiary/Button */
  --tertiary-button-foreground-ondark: #FFFFFF;
  --tertiary-button-foreground-onlight: #1D4BB5;
  --tertiary-button-label-inverted:#112C6B;
  --tertiary-button-resting:#1D4BB5;
  --tertiary-button-hover:#173A8C;
  --tertiary-button-pressed:#112C6B;

  /* Primary/Navigation */
  --primary-nav-label-selected: #FFFFFF;
  --primary-nav-label-resting: #1D4BB5;
  --primary-nav-label-hover:#173A8C;
  --primary-nav-label-pressed: #112C6B;
  --primary-nav-container-selected:#2969FF;
  --primary-nav-container-selected-hover:#1D4BB5;

  /* Primary/Chip */
  --primary-chip-label-selected: #2969FF;
  --primary-chip-border-selected:#2969FF;
  --primary-chip-container-selected: #EAF0FF;
  --primary-chip-container-selected-hover:#BDD1FF;

  /* Primary/Tab */
  --primary-tab-label-resting:#FFFFFF;
  --primary-tab-container-active: #FFFFFF;
  --primary-tab-container-resting: #2969FF;
  --primary-tab-container-resting-hover: #1D4BB5;

  /* Primary/Title */
  --primary-title-page-title:#112C6B;
  --primary-title-page-subtitle:#1D4BB5;
  --primary-title-card-title: #112C6B;
  --primary-title-card-subtitle:#1D4BB5;
  --primary-title-highlight: #2560E8;

  /* Secondary/Title */
  --secondary-title-page-title:#682924;
  --secondary-title-page-subtitle:#AF463C;
  --secondary-title-card-title:#682924;
  --secondary-title-card-subtitle:#AF463C;
  --secondary-title-highlight:#E1594D;

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

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

    /* Secondary/Hyperlink */
  --secondary-body-text-onlight: #2969FF;
  --secondary-body-text-ondark:#EAF0FF;

  /* Primary/Overlay */
  --primary-overlay-overlaylight:#112C6B66;

  /* Primary/Shadow */
  --primary-shadow-branded:#173A8C;


  /* 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%);

 
  --footer-font-color:#2D2D3E;
  /*  --color-loader: 29, 35, 107;         

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


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

}