// Overrides for BlueprintJS default values

$pt-grid-size: 12px;
$pt-font-family: 'Inter', 'Verdana', 'Arial', sans-serif;

/**
  * BlueprintJS default values are set-arbitrarily, this change makes them
  * responsive to $pt-grid-size
  *
  * `(default_value / default_grid_size) * $pt-grid-size`
  *
  * The default for $pt-grid-size is set to 10px in
  * @blueprintjs/core/src/common/variables
  *
  * The default values for headings come from
  * @blueprintjs/core/src/typography
  */
@function getNewHeading($size, $lineHeight) {
  @return (
    calc($size / 10px * $pt-grid-size),
    calc($lineHeight / 10px * $pt-grid-size)
  );
}
$headings: (
  'h1': getNewHeading(36px, 40px),
  'h2': getNewHeading(28px, 32px),
  'h3': getNewHeading(22px, 25px),
  'h4': getNewHeading(18px, 21px),
  'h5': getNewHeading(16px, 19px),
  'h6': getNewHeading(14px, 16px),
);
