@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap");
.theme-expertise {
  --header-bg: #fff;
  --background: hsl(0 0% 100%);
  --font-family:
    "Roboto", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --footer-bg: rgba(0, 53, 68, 1);
  --landing-promotion-foreground: #fff;
  --landing-promotion-bg: rgba(26, 139, 137, 1);
  --landing-shields: rgba(26, 139, 137, 1);
  --text-body: hsl(216 5.56% 35.29%);
  --text-body-inverse: hsl(0 0% 100%);
  --input-border-color: rgba(0, 53, 68, 1);
  --primary: rgba(241, 141, 23, 1);
  --primary-foreground: hsl(210 40% 98%);
  --primary-cta: var(--primary);
  --secondary: #fff;
  --secondary-foreground: rgba(0, 53, 68, 1);
  --footer-foreground: rgba(190, 190, 190, 1);
  --header-border: 1px solid rgba(48, 48, 48, 0.2);
  --header-foreground: #000;
  --results-header-bg: linear-gradient(
    203.19deg,
    #003366 31.8%,
    #003366 86.13%
  );
  --flag-promoted-bg: rgba(26, 139, 137, 1);
  --flag-default-bg: rgba(26, 139, 137, 1);
  --flag-default-text: #fff;
}