:root {
  --fbh-font: roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --fbh-font-medium: 500;
  --fbh-text-p1: 1rem;
  --fbh-text-p2: 0.875rem;
  --fbh-text-display1: 2.5rem;
  --fbh-text-display2: 2.25rem;
  --fbh-text-display3: 2rem;
  --fbh-text-h1: 1.5rem;
  --fbh-text-h2: 1.25rem;
  --fbh-text-h3: 1.125rem;
  --fbh-sat: 0px;
  --fbh-sar: 0px;
  --fbh-sab: 0px;
  --fbh-sal: 0px;
  --fbh-slate: #020416;
  --fbh-white: #ffffff;
  --fbh-neutral-main-fill: #ffffff;
  --fbh-neutral-alt-fill: #eef0f0;
  --fbh-neutral-alt-fill-darken: #dfe4e5;
  --fbh-neutral-disabled-fill: #d7d8da;
  --fbh-neutral-divider-stroke: rgba(2, 4, 22, 0.1607843137);
  --fbh-neutral-overlay-mask-fill: rgba(2, 4, 22, 0.4784313725);
  --fbh-text-primary: rgba(2, 4, 22, 0.9607843137);
  --fbh-text-secondary: rgba(2, 4, 22, 0.7215686275);
  --fbh-text-tertiary: rgba(2, 4, 22, 0.4784313725);
  --fbh-text-disabled: #aeafb4;
  --fbh-text-placeholder: rgba(2, 4, 22, 0.3215686275);
  --fbh-text-primary-inverse: rgba(255, 255, 255, 0.9607843137);
  --fbh-text-secondary-inverse: rgba(255, 255, 255, 0.6392156863);
  --fbh-text-placeholder-inverse: #86878f;
  --fbh-primary-100: #0093c1;
  --fbh-primary-10: #f4fbff;
  --fbh-primary-50: #a7e4fc;
  --fbh-primary-200: #11699c;
  --fbh-primary-400: #1e3762;
  --fbh-primary-600: #232534;
  --fbh-accent-persian-green: #00a59b;
  --fbh-accent-orient: #006278;
  --fbh-accent-endeavour: #005ea1;
  --fbh-accent-cyan: #00ffff;
  --fbh-star: #ffca10;
  --fbh-status-positive: #00a59b;
  --fbh-status-fall: #00a59b;
  --fbh-status-warning: #f5693d;
  --fbh-status-bonus: #f5693d;
  --fbh-status-negative: #eb4751;
  --fbh-status-rise: #eb4751;
  --fbh-status-positive-darken: #143734;
  --fbh-status-positive-fill: #e8f6f5;
  --fbh-status-warning-darken: #551e0d;
  --fbh-status-warning-fill: #fcf1ed;
  --fbh-status-negative-darken: #4c1111;
  --fbh-status-negative-fill: #faedee;
  --fbh-categorical-01: #2b76ab;
  --fbh-categorical-02: #60a9a5;
  --fbh-categorical-03: #394184;
  --fbh-categorical-04: #a9c8da;
  --fbh-categorical-05: #2b76ab;
  --fbh-categorical-06: #6a4bc0;
  --fbh-categorical-07: #8db4ff;
  --fbh-categorical-08: #ac58d3;
  --fbh-categorical-09: #6ea0c6;
  --fbh-categorical-10: #1d537f;
  --fbh-categorical-others: #4c5071;
  --fbh-sequential-01: #2b76ab;
  --fbh-sequential-02: #5591bc;
  --fbh-sequential-03: #80adcd;
  --fbh-sequential-04: #aac8de;
  --fbh-sequential-05: #d5e4ee;
  --fbh-illustration-primary: #6bc3f5;
  --fbh-illustration-secondary: #7ae4dd;
  --fbh-illustration-overlap: #368fc2;
}

@supports not (font: -apple-system-body) {
  :root {
    --fbh-font-medium: 700;
  }
}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  :root {
    --fbh-sat: env(safe-area-inset-top);
    --fbh-sar: env(safe-area-inset-right);
    --fbh-sab: env(safe-area-inset-bottom);
    --fbh-sal: env(safe-area-inset-left);
  }
}
@supports (padding-bottom: constant(safe-area-inset-bottom)) {
  :root {
    --fbh-sat: constant(safe-area-inset-top);
    --fbh-sar: constant(safe-area-inset-right);
    --fbh-sab: constant(safe-area-inset-bottom);
    --fbh-sal: constant(safe-area-inset-left);
  }
}