/* Bulma Framework Overrides */

/* ========================================
   COLOR PALETTE

   Bulma uses HSL components that get combined at render time.
   Setting these overrides Bulma's defaults for buttons,
   notifications, tags, and all other components.

   Uncomment ONE theme block below to activate it.
   ======================================== */

:root {
  /* ------------------------------------------
     THEME: Cyberpunk / Sci-Fi
     Blues, cyans, neon accents. Modern and sleek.
     ------------------------------------------ */
  /* Primary - our blue */
  --bulma-primary-h: 217deg;
  --bulma-primary-s: 91%;
  --bulma-primary-l: 60%;

  /* Link - matches primary for consistency */
  --bulma-link-h: 217deg;
  --bulma-link-s: 91%;
  --bulma-link-l: 70%;

  /* Info - cyan, technical feel */
  --bulma-info-h: 190deg;
  --bulma-info-s: 65%;
  --bulma-info-l: 65%;

  /* Success - phosphor green, CRT terminal vibe */
  --bulma-success-h: 140deg;
  --bulma-success-s: 70%;
  --bulma-success-l: 72%;

  /* Warning - warm amber */
  --bulma-warning-h: 38deg;
  --bulma-warning-s: 92%;
  --bulma-warning-l: 58%;

  /* Danger - slightly muted red, sophisticated */
  --bulma-danger-h: 0deg;
  --bulma-danger-s: 87%;
  --bulma-danger-l: 80%;

  /* ------------------------------------------
     THEME: Retro Terminal
     Phosphor greens, amber, CRT vibes. Old-school techy.

     To activate: comment out Cyberpunk above,
     uncomment this block.
     ------------------------------------------

  --bulma-primary-h: 217deg;
  --bulma-primary-s: 91%;
  --bulma-primary-l: 65%;

  --bulma-link-h: 171deg;
  --bulma-link-s: 100%;
  --bulma-link-l: 45%;

  --bulma-info-h: 180deg;
  --bulma-info-s: 70%;
  --bulma-info-l: 45%;

  --bulma-success-h: 120deg;
  --bulma-success-s: 80%;
  --bulma-success-l: 45%;

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

  --bulma-danger-h: 0deg;
  --bulma-danger-s: 75%;
  --bulma-danger-l: 50%;

  End Retro Terminal theme */
}

/* ========================================
   BOX OVERRIDES
   ======================================== */

/* Remove default box shadow from Bulma boxes and add border */
.box {
  box-shadow: none;
  border: 1px solid #dbdbdb;
}

/* Lighter border for dark mode */
[data-theme="dark"] .box {
  border-color: #4b5563;
}

/* ========================================
   BUTTON OVERRIDES
   ======================================== */

/* Force white text on primary buttons for better contrast */
.button.is-primary {
  color: white;
}

.button.is-primary:hover {
  color: white;
}

/* Better color for drop-down chevrons */
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: var(--bulma-primary);
}