/* Brand tokens. Bulma owns buttons, fields, selects, cards, boxes and tables. */
:root {
  --accent: #f97316;
  --bulma-primary-h: 24.6deg;
  --bulma-primary-s: 94.6%;
  --bulma-primary-l: 53.1%;
  --bulma-primary-invert-l: 0%;
  --bulma-link-h: var(--bulma-primary-h);
  --bulma-link-s: var(--bulma-primary-s);
  --bulma-link-l: var(--bulma-primary-l);
  --bulma-scheme-h: 220;
  --bulma-scheme-s: 12%;
  --bulma-radius-small: .375rem;
  --bulma-radius: .5rem;
  --bulma-radius-large: .75rem;
  --bulma-shadow: 0 1px 3px rgb(20 25 35 / 4%), 0 0 0 1px var(--bulma-border-weak);
  --bulma-control-height: 2.75em;
  --bulma-block-spacing: 1.25rem;
  --page: var(--bulma-scheme-main-bis);
  --surface: var(--bulma-scheme-main);
  --surface-2: var(--bulma-scheme-main-ter);
  --ink: var(--bulma-text-strong);
  --muted: var(--bulma-text-weak);
  --line: var(--bulma-border-weak);
  --accent-soft: color-mix(in srgb, var(--accent) 10%, var(--surface));
  --success: #197349;
  --warning: #8a5900;
  --danger: #bc3345;
  --sidebar: #171b24;
}
:root[data-theme='dark'] {
  --bulma-scheme-main-l: 14%;
  --bulma-scheme-main-bis-l: 10%;
  --bulma-scheme-main-ter-l: 18%;
  --bulma-border-weak-l: 23%;
  --bulma-border-l: 32%;
  --bulma-text-weak-l: 70%;
  --bulma-text-strong-l: 94%;
  --bulma-shadow: 0 1px 3px rgb(0 0 0 / 15%), 0 0 0 1px var(--bulma-border-weak);
  --success: #70d9a3;
  --warning: #f3cf79;
  --danger: #ff9aa7;
}
html { background: var(--page); scroll-behavior: smooth; }
body { min-width: 320px; background: var(--page); }
[hidden] { display: none !important; }
button, a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
button svg, a svg { width: 1.125rem; height: 1.125rem; flex-shrink: 0; }
.button { gap: .5rem; min-height: 2.75rem; font-weight: 650; transition: background-color .15s, border-color .15s; }
.button.is-small { min-height: 2.25rem; font-size: .8125rem; }
.button.is-primary { --bulma-button-outer-shadow-a: 0; }
.input, .textarea, .select select { --bulma-input-shadow: none; }
.input, .textarea, .select { font-size: var(--bulma-size-normal); }
.input, .select:not(.is-multiple), .select:not(.is-multiple) select { min-height: 2.75rem; }
.select, .control { min-width: 0; }
.select.is-fullwidth select { max-width: 100%; text-overflow: ellipsis; }
.label { font-size: .8125rem; font-weight: 650; }
.box, .box:not(:last-child) { margin-bottom: 0; }
.tag { gap: .3rem; font-weight: 650; }
.notification { font-size: .875rem; }
.notification.is-primary.is-light { background: var(--accent-soft); color: var(--ink); }
.delete { flex-shrink: 0; }
a:focus-visible, button:focus-visible, [tabindex='0']:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
input[type='checkbox'], input[type='radio'] { accent-color: var(--accent); width: 1rem; height: 1rem; flex-shrink: 0; }
.modal { --bulma-modal-z: 100; padding: 1.5rem; }
.modal-background { background: rgb(10 14 22 / 65%); }
.modal-content { margin: 0; }
.modal-card { width: 100%; margin: 0; }
.modal-card-head, .modal-card-foot { gap: 1rem; padding: 1.25rem 1.5rem; background: var(--surface); box-shadow: none; }
.modal-card-head { border-bottom: 1px solid var(--line); }
.modal-card-foot { border-top: 1px solid var(--line); justify-content: flex-end; }
.modal-card-body { padding: 1.5rem; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
