/* Custom theme */
:root {
  --bulma-body-family: 'Montserrat', sans-serif;

  --bulma-primary-h: 215deg;
  --bulma-primary-s: 70%;
  --bulma-primary-l: 60%;
  --bulma-primary: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
  --bulma-primary-invert: white;

  --bulma-success-h: 134deg;
  --bulma-success-s: 50%;
  --bulma-success-l: 70%;

  --bulma-link-h: 210deg;
  --bulma-link-s: 40%;
  --bulma-link-l: 60%;

  --bulma-info-h: 185deg;
  --bulma-info-s: 30%;
  --bulma-info-l: 50%;
  --bulma-info: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l));
  --bulma-info-invert: white;

  --bulma-warning-h: 45deg;
  --bulma-warning-s: 50%;
  --bulma-warning-l: 60%;

  --bulma-danger-h: 356deg;
  --bulma-danger-s: 60%;
  --bulma-danger-l: 60%;

  --bulma-light-h: 0deg;
  --bulma-light-s: 0%;
  --bulma-light-l: 90%;

  --bulma-dark-h: 0deg;
  --bulma-dark-s: 0%;
  --bulma-dark-l: 20%;
  --bulma-dark: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l));
  --bulma-dark-invert: white;


  /* Force classes to use white text */
  .is-primary {
    background-color: var(--bulma-primary) !important;
    color: var(--bulma-primary-invert) !important;
  }

  .is-info {
    background-color: var(--bulma-info) !important;
    color: var(--bulma-info-invert) !important;
  }

  .is-dark {
    background-color: var(--bulma-dark) !important;
    color: var(--bulma-dark-invert) !important;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --bulma-primary-h: 215deg;
    --bulma-primary-s: 70%;
    --bulma-primary-l: 40%;
    /* Slightly darker */
    --bulma-primary: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
    --bulma-primary-invert: white;

    --bulma-success-h: 134deg;
    --bulma-success-s: 50%;
    --bulma-success-l: 40%;
    /* Darker success green */
    --bulma-success: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l));

    --bulma-info-h: 185deg;
    --bulma-info-s: 30%;
    --bulma-info-l: 30%;
    /* Darker teal for dark mode */
    --bulma-info: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l));
    --bulma-info-invert: white;

    --bulma-dark-h: 0deg;
    --bulma-dark-s: 0%;
    --bulma-dark-l: 10%;
    /* Even darker background */
    --bulma-dark: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l));
    --bulma-dark-invert: white;

    /* Optional: Change light colors for better contrast */
    --bulma-light-h: 0deg;
    --bulma-light-s: 0%;
    --bulma-light-l: 30%;
    /* Lighter gray for cards/backgrounds */
    --bulma-light: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l));
  }
}