/* defines our overall theme for bulma */

:root {


  /* Typography */
  --bulma-family-primary: Tehoma, Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
  --bulma-family-secondary: Inconsolata, Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
  --bulma-family-code: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace;
  --bulma-size-small: 0.75rem;
  --bulma-size-normal: 1rem;
  --bulma-size-medium: 1.25rem;
  --bulma-size-large: 1.5rem;

    /* This sets the text color */
    --base-content: hsl(0, 0%, 0%);
    --bulma-text-h: 0deg;
    --bulma-text-s: 0%;
    --bulma-text-l: 0%;

    /* This sets the link color */
    --link: hsl(0, 0%, 21%);
    --bulma-link-h: 0deg;
    --bulma-link-s: 0%;
    --bulma-link-l: 21%;

  /* dont know where thse are used vs whats above */
  --xbulma-text: #000;
  --xbulma-body-color: #000;
  --xbulma-title-color: #000;

  /* 9a0909 */
  --primary: hsl(0, 89%, 32%);
  --bulma-primary-h: 0deg;
  --bulma-primary-s: 89%;
  --bulma-primary-l: 32%;


  /* This is black for testing
     --primary: hsl(214deg, 100%, 0%);
  --bulma-primary-h: 214deg;
  --bulma-primary-s: 100%;
  --bulma-primary-l: 0%;
  */

  --secondary: hsl(0deg, 0%, 35%);
  --bulma-info-h: 0deg;
  --bulma-info-s: 0%;
  --bulma-info-l: 35%;

  --red: hsla(0, 100%, 54%, 1);
  --theme-danger: var(--red);
  --bulma-danger-h: 0deg;
  --bulma-danger-s: 100%;
  --bulma-danger-l: 54%;

  /* defines the background color */
  --bulma-scheme-main: hsl(0deg, 0%, 100%);
  --bulma-scheme-main-ter: hsl(var(--bulma-primary-h), var(--bulma-primary-s), 90%);

} /* End :root */

/* Theme related -- ensure text is white on the dark primary background */
.has-background-primary *:not(.button),
.button.is-primary,
.is-primary *:not(.button),
.has-background-info *:not(.button),
.button.is-info,
.is-info *:not(.button)
{
    color: white;
}

.button.is-primary.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid var(--bulma-border);
  border-radius: var(--bulma-radius-rounded);
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}


input[type="checkbox"]:checked {
  /* This will change the checkbox color when checked to match your theme */
  accent-color: var(--primary); /* Example theme color */
}

input[type="radio"] {
  /* This will change the checkbox color when checked to match your theme */
  accent-color: var(--primary); /* Example theme color */
}