/* static/css/styles.css */
body {
    font-family: 'Inter', sans-serif; /* Example: Using a Google Font if you link it in base.html */
}

/* Add any additional global styles or Bulma component customizations here */

@media (prefers-color-scheme: dark) {
  :root {
    /* Update CSS variables */
  }
}

.response-content.is-truncated {
    max-height: 400px; /* Approximately 10 lines */
    overflow: hidden;
    /* position: relative; */
    /* Add a fade-out effect at the bottom for a smoother cutoff */
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}

/* Hide all tab content by default */
.tab-content {
  display: none;
}

/* Show the content that has the is-active class */
.tab-content.is-active {
  display: block;
}

[data-theme=dark],
.theme-dark {
  /* Update CSS variables */
}

[data-theme=light],
.theme-light {
  /* CSS Variables */
}


/* 
.h-6 { height: 1.5rem; }
.w-6 { width: 1.5rem; }

/* Icon visibility for theme toggle */
/* html:not(.dark) #theme-toggle-light-icon { display: none; } */
/* html.dark #theme-toggle-dark-icon { display: none; } */

/* Bulma Dark theme */
/* from https://gist.github.com/coliff/4d91063046243662997a39127263798d */
/* 
html.dark {
  --bulma-scheme-h: 210;
  --bulma-scheme-s: 9%;
  --bulma-scheme-l: 28%;
  --bulma-text-h: 210;
  --bulma-text-s: 9%;
  --bulma-text-l: 88%;
  --bulma-background-h: 210;
  --bulma-background-s: 9%;
  --bulma-background-l: 21%;
  --bulma-border-h: 210;
  --bulma-border-s: 9%;
  --bulma-border-l: 31%;
  --bulma-border-hover-h: 210;
  --bulma-border-hover-s: 9%;
  --bulma-border-hover-l: 41%;
  --bulma-border-light-h: 210;
  --bulma-border-light-s: 9%;
  --bulma-border-light-l: 26%;
  --bulma-border-light-hover-h: 210;
  --bulma-border-light-hover-s: 9%;
  --bulma-border-light-hover-l: 36%;
  --bulma-link-h: 219;
  --bulma-link-s: 79%;
  --bulma-link-l: 65%;
  --bulma-info-h: 207;
  --bulma-info-s: 79%;
  --bulma-info-l: 65%;
  --bulma-success-h: 145;
  --bulma-success-s: 79%;
  --bulma-success-l: 65%;
  --bulma-warning-h: 52;
  --bulma-warning-s: 79%;
  --bulma-warning-l: 65%;
  --bulma-danger-h: 352;
  --bulma-danger-s: 79%;
  --bulma-danger-l: 65%;
  --bulma-light-h: 210;
  --bulma-light-s: 9%;
  --bulma-light-l: 26%;
  --bulma-dark-h: 210;
  --bulma-dark-s: 9%;
  --bulma-dark-l: 88%;
  --bulma-code-background-h: 210;
  --bulma-code-background-s: 9%;
  --bulma-code-background-l: 26%;
  --bulma-pre-background-h: 210;
  --bulma-pre-background-s: 9%;
  --bulma-pre-background-l: 23%;
  --bulma-table-row-active-background-h: 219;
  --bulma-table-row-active-background-s: 79%;
  --bulma-table-row-active-background-l: 65%;
  --bulma-table-striped-background-h: 210;
  --bulma-table-striped-background-s: 9%;
  --bulma-table-striped-background-l: 23%;
  --bulma-table-striped-hover-background-h: 210;
  --bulma-table-striped-hover-background-s: 9%;
  --bulma-table-striped-hover-background-l: 26%;
  --bulma-card-header-shadow: 0 1px 2px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.2);
  --bulma-card-shadow: 0 2px 3px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.2), 0 0 0 1px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.2);
  --bulma-input-shadow: inset 0 1px 2px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.2);
  --bulma-shadow-h: 0;
  --bulma-shadow-s: 0%;
  --bulma-shadow-l: 0%;
  --bulma-shadow-a: 0.2;
} 
*/