/*
 * Stellar foundation tokens (docs/foundation/primitives/*), shared by the screen and admin pages.
 * Spacing and radius are the Stellar px values expressed in rem (16px = 1rem) so the screen can
 * scale everything through the root font size.
 */
@font-face {
  font-display: swap;
  font-family: "Bull";
  font-style: normal;
  font-weight: 700;
  src: url("https://stellar-resources.redbull.com/fonts/Bull/v1/Bull-Bold.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Bull Text";
  font-style: normal;
  font-weight: 400;
  src: url("https://stellar-resources.redbull.com/fonts/BullText/v1/BullText-Regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Bull Text";
  font-style: normal;
  font-weight: 500;
  src: url("https://stellar-resources.redbull.com/fonts/BullText/v1/BullText-Medium.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Bull Text";
  font-style: normal;
  font-weight: 700;
  src: url("https://stellar-resources.redbull.com/fonts/BullText/v1/BullText-Bold.woff2") format("woff2");
}

:root {
  --rb-font-family-heading: "Bull", Helvetica, sans-serif;
  --rb-font-family-default: "Bull Text", "BullText", Helvetica, sans-serif;

  --rb-color-surface-light-lighter: #ffffff;
  --rb-color-surface-light: #f8f8f8;
  --rb-color-surface-light-darker: #efefef;
  --rb-color-surface-dark-lighter: #001c39;
  --rb-color-surface-dark: #00162b;
  --rb-color-surface-dark-darker: #000f1e;

  --rb-color-glass-dark-05: rgba(0, 15, 30, 0.05);
  --rb-color-glass-dark-10: rgba(0, 15, 30, 0.1);
  --rb-color-glass-dark-20: rgba(0, 15, 30, 0.2);
  --rb-color-glass-dark-40: rgba(0, 15, 30, 0.4);
  --rb-color-glass-dark-60: rgba(0, 15, 30, 0.6);
  --rb-color-glass-light-05: rgba(255, 255, 255, 0.05);
  --rb-color-glass-light-10: rgba(255, 255, 255, 0.1);
  --rb-color-glass-light-20: rgba(255, 255, 255, 0.2);
  --rb-color-glass-light-40: rgba(255, 255, 255, 0.4);
  --rb-color-glass-light-60: rgba(255, 255, 255, 0.6);
  --rb-color-glass-light-80: rgba(255, 255, 255, 0.8);

  --rb-color-text-dark-primary: #000f1e;
  --rb-color-text-dark-secondary: rgba(0, 15, 30, 0.6);
  --rb-color-text-light-primary: #ffffff;
  --rb-color-text-light-secondary: rgba(255, 255, 255, 0.6);

  --rb-color-primary-lightest: #e8f0fd;
  --rb-color-primary-lighter: #3279f0;
  --rb-color-primary: #1b6aee;
  --rb-color-primary-darker: #175aca;

  --rb-color-accent-info-lightest: #fff4e5;
  --rb-color-accent-info: #ff9000;
  --rb-color-accent-info-darker: #9f530d;
  --rb-color-accent-negative-lightest: #fbe7ec;
  --rb-color-accent-negative: #db0a40;
  --rb-color-accent-negative-darker: #c3093b;
  --rb-color-accent-positive-lightest: #e8f5ed;
  --rb-color-accent-positive: #12873f;
  --rb-color-accent-positive-darker: #0f6e33;

  /* Extended palette (docs/foundation/primitives/color-guidelines.md): white text only on 900, dark text on 100. */
  --rb-color-extended-acai-900: #5844a7;
  --rb-color-extended-acai-700: #806ec9;
  --rb-color-extended-acai-500: #a597dd;
  --rb-color-extended-acai-300: #c7bee9;
  --rb-color-extended-acai-100: #e3dff1;
  --rb-color-extended-blueberry-900: #31549b;
  --rb-color-extended-blueberry-700: #547bc9;
  --rb-color-extended-blueberry-500: #85a2db;
  --rb-color-extended-blueberry-300: #b0c4ee;
  --rb-color-extended-blueberry-100: #d6e0f5;
  --rb-color-extended-tonic-900: #145e70;
  --rb-color-extended-tonic-700: #36879b;
  --rb-color-extended-tonic-500: #55adc3;
  --rb-color-extended-tonic-300: #86cddf;
  --rb-color-extended-tonic-100: #bfe8f3;
  --rb-color-extended-lime-900: #4b5c1f;
  --rb-color-extended-lime-700: #6c8429;
  --rb-color-extended-lime-500: #8dab3b;
  --rb-color-extended-lime-300: #abd043;
  --rb-color-extended-lime-100: #d2ea90;
  --rb-color-extended-lemon-900: #645516;
  --rb-color-extended-lemon-700: #8c7b38;
  --rb-color-extended-lemon-500: #b69f43;
  --rb-color-extended-lemon-300: #dbc25c;
  --rb-color-extended-lemon-100: #f4e194;
  --rb-color-extended-ginger-900: #874316;
  --rb-color-extended-ginger-700: #af6d41;
  --rb-color-extended-ginger-500: #c99673;
  --rb-color-extended-ginger-300: #e4bba0;
  --rb-color-extended-ginger-100: #f6dcca;
  --rb-color-extended-wild-berry-900: #813781;
  --rb-color-extended-wild-berry-700: #b05eb0;
  --rb-color-extended-wild-berry-500: #c78fc7;
  --rb-color-extended-wild-berry-300: #e5b2e5;
  --rb-color-extended-wild-berry-100: #f0daf0;

  --rb-3-x-tight: 0.125rem;
  --rb-2-x-tight: 0.25rem;
  --rb-x-tight: 0.5rem;
  --rb-tight: 0.75rem;
  --rb-normal: 1rem;
  --rb-loose: 1.5rem;
  --rb-x-loose: 2rem;
  --rb-2-x-loose: 2.5rem;

  --rb-border-radius-x-small: 0.125rem;
  --rb-border-radius-small: 0.25rem;
  --rb-border-radius-medium: 0.375rem;
  --rb-border-radius-large: 0.5rem;
  --rb-border-radius-x-large: 1rem;
  --rb-border-radius-full: 999px;
}