:root {
      --blue: #0878c9;
      --blue-dark: #073b91;
      --blue-soft: #eaf6ff;

      --green: #35a936;
      --green-dark: #168a45;
      --green-soft: #effbef;

      --orange: #f5a623;
      --orange-soft: #fff7e8;

      --purple: #7b61ff;
      --purple-dark: #5b45d6;
      --purple-soft: #f3efff;

      --text: #173248;
      --muted: #607486;
      --white: #ffffff;
      --surface: #f7fbfd;
      --border: rgba(8, 120, 201, 0.13);

      --shadow-sm: 0 12px 30px rgba(12, 66, 104, 0.08);
      --shadow-lg: 0 28px 70px rgba(12, 66, 104, 0.14);

      /* Type scale. The px floor keeps every size readable even when the
         admin base font size is set to its 14px minimum. */
      --fs-floor: 13px;
      --fs-2xs: max(var(--fs-floor), 0.8rem);
      --fs-xs: max(13.5px, 0.85rem);
      --fs-sm: max(14px, 0.9rem);
      --fs-md: max(15px, 0.96rem);
      --fs-base: max(15.5px, 1.02rem);
      --fs-lg: max(16.5px, 1.1rem);
      --fs-xl: max(18px, 1.2rem);
    }