@use "sass:string";

$red: #ff2e4e;
$orange: #fd8206;
$yellow: #eec704;
$green: #16d164;
$cyan: #03c2c2;
$blue: #1678ff;
$purple: #833bff;
$pink: #ff2bdd;
$grey: #767676;

@use "bulma/sass" with (
  $family-primary: string.unquote("'Inter', 'SF Pro', 'Helvetica', 'Arial', sans-serif"),
  $family-monospace: string.unquote("'Roboto Mono', monospace"),
  $navbar-breakpoint: 768px,
  $primary: $blue,
  $link: $blue,
  $info: $cyan,
  $success: $green,
  $warning: $yellow,
  $danger: $red,
  $custom-colors: (
    "red": $red,
    "orange": $orange,
    "yellow": $yellow,  
    "green": $green,
    "cyan": $cyan,
    "blue": $blue,
    "purple": $purple,
    "pink": $pink,
    "grey": $grey
  ),
  $spacing-values: (
    "auto": auto,
    "px":   1px,
    "full": 100%,
    "min":  min-content,
    "max":  max-content,
    "fit":  fit-content,
    "0": 0,
    "1": 0.25rem,
    "2": 0.5rem,
    "3": 0.75rem,
    "4": 1rem,
    "5": 1.25rem,
    "6": 1.5rem,
    "7": 1.75rem,
    "8": 2rem,
    "9": 2.25rem,
    "10": 2.5rem,
    "11": 2.75rem,
    "12": 3rem,
    "14": 3.5rem,
    "16": 4rem,
    "20": 5rem,
    "24": 6rem,
    "28": 7rem,
    "32": 8rem,
    "36": 9rem,
    "40": 10rem,
    "44": 11rem,
    "48": 12rem,
  ),
);

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');