/* 
 * All CSS variable overrides MUST happen within the following selector
 * in order to override Reuters default styles.
 */
div.theme-client-override {
  /* 
   * Override the following CSS variables to match your site.
   */

   /* Font families */
  --theme-font-family-sans-serif: Knowledge, sans-serif;
  --theme-font-family-monospace: "Droid Sans Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --theme-font-family-hed: var(--theme-font-family-sans-serif);
  --theme-font-family-subhed: var(--theme-font-family-sans-serif);
  --theme-font-family-note: var(--theme-font-family-sans-serif);
  --theme-font-family-number: var(--theme-font-family-sans-serif);

  /* Font sizes */
  --theme-font-size-xxs: 0.7rem;
  --theme-font-size-xs: 0.75rem;
  --theme-font-size-sm: 0.8rem;
  --theme-font-size-base: 0.875rem;
  --theme-font-size-lg: clamp(1rem, 0.08vw + 0.98rem, 1.05rem);
  --theme-font-size-xl: clamp(1.13rem, 0.31vw + 1.06rem, 1.31rem);
  --theme-font-size-2xl: clamp(1.27rem, 0.63vw + 1.14rem, 1.64rem);
  --theme-font-size-3xl: clamp(1.42rem, 1.04vw + 1.21rem, 2.05rem);
  --theme-font-size-4xl: clamp(1.6rem, 1.6vw + 1.28rem, 2.56rem);
  --theme-font-size-5xl: clamp(1.8rem, 2.34vw + 1.33rem, 3.2rem);
  --theme-font-size-6xl: clamp(2.03rem, 3.3vw + 1.37rem, 4.01rem);

  /* 
   * Colors
   */

  /* Font colors */
  --theme-colour-text-primary: var(--theme-colour-black);
  --theme-colour-text-secondary: var(--theme-colour-grey-700);

  /* Page furniture */
  --theme-colour-page-background: transparent;
  --theme-colour-page-live: var(--tr-dark-orange);
  --theme-colour-page-shadow: rgb(64 64 64 / 80%);

  /* Basic grays */
  --theme-colour-white: #ffffff;
  --theme-colour-black: #404040;
  --theme-colour-grey-100: #f5f5f5;
  --theme-colour-grey-200: #efefef;
  --theme-colour-grey-300: #e7e7e7;
  --theme-colour-grey-400: #d0d0d0;
  --theme-colour-grey-500: #999999;
  --theme-colour-grey-600: #6c6c6c;
  --theme-colour-grey-700: #585858;

  /* Republican colors */
  --theme-colour-rep-scale-100: #FEB6AC;
  --theme-colour-rep-scale-200: #F28D87;
  --theme-colour-rep-scale-300: #E26163;
  --theme-colour-rep-scale-400: #D02A41;
  --theme-colour-rep-win: var(--theme-colour-rep-scale-400);
  --theme-colour-rep-bgd: #f7edef;
  --theme-colour-rep-lead: #FFDAD9;
  --theme-colour-rep-flip: #7C000F;

  /* Democrat colors */
  --theme-colour-dem-scale-100: #ADDFF7;
  --theme-colour-dem-scale-200: #7DC1EB;
  --theme-colour-dem-scale-300: #57A6D7;
  --theme-colour-dem-scale-400: #1C7CB3;
  --theme-colour-dem-win: var(--theme-colour-dem-scale-400);
  --theme-colour-dem-bgd: #EDF4F7;
  --theme-colour-dem-lead: #D2EAF7;
  --theme-colour-dem-flip: #004C7F;

  /* Independent colors */
  --theme-colour-ind-scale-100: #CDE8CD;
  --theme-colour-ind-scale-200: #9FDC9F;
  --theme-colour-ind-scale-300: #7FCF7F;
  --theme-colour-ind-scale-400: #60C160;
  --theme-colour-ind-win: var(--theme-colour-ind-scale-400);
  --theme-colour-ind-bgd: #EDF4ED;
  --theme-colour-ind-lead: #CDE8CD;
  --theme-colour-ind-flip: #008000;

  /* Ties */
  --theme-colour-tie-result: #F7D131;
  --theme-colour-tie-bgd: #fcf6e3;
}

/* 
 * Add any other CSS rules to customise your embeds.
 */