overleaf/services/web/frontend/stylesheets/bootstrap-5/abstracts/variable-overrides.scss

// Overrides for Bootstrap 5's default Sass variables

$prefix: bs-;

// Fonts
$font-family-sans-serif: 'Noto Sans', sans-serif;
$font-family-serif: 'Merriweather', serif;
$font-family-monospace: 'DM Mono', monospace;

$font-size-base: 1rem;
$font-size-sm: var(--font-size-02);
$line-height-base: 1.5;

// Buttons
$btn-font-family: $font-family-sans-serif;
$btn-font-weight: 700;
$btn-padding-x: $spacing-06;
$btn-padding-y: $spacing-02;
$btn-border-radius: $border-radius-full;
$btn-border-radius-lg: $border-radius-full;
$btn-border-radius-sm: $border-radius-full;

// Colors
$primary: $bg-accent-01;
$secondary: $bg-light-primary;
$info: $bg-info-01;
$warning: $bg-warning-01;
$danger: $bg-danger-01;
$light: $bg-light-tertiary;
$dark: $neutral-90;

// Badges
$badge-font-size: var(--font-size-01);
$badge-font-weight: var(--bs-body-font-weight);
$badge-padding-y: $spacing-01;
$badge-padding-x: $spacing-02;
$badge-border-radius: $border-radius-base;

// Tooltips
$tooltip-max-width: 320px;
$tooltip-border-radius: $border-radius-base;
$tooltip-padding-y: $spacing-04;
$tooltip-padding-x: $spacing-06;

// Links. Ideally we'd point these to CSS variables but Bootstrap performs
// calculations on link color during compilation.
$link-color: $link-ui;
$link-hover-color: $link-ui-hover;
$link-hover-decoration: none;

// Headings
$headings-font-family: $font-family-sans-serif;
$headings-margin-bottom: $spacing-05;

// Horizontal rules
$hr-margin-y: $spacing-08;
$hr-border-color: $border-divider;