.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
 box-shadow: 0 0 0 .25rem #fdbe98; 
}

a, a:hover {
  color: transparent;
}

html[data-theme="dark"] {
  /* primary / orange */
  --colors-primary-default: 242 118 65;
  --colors-primary-light: 241 154 77;
  --colors-primary-hover: 253 190 152;
  --alpha-primary-hover: 0.2;
  /* secondary / gris bleuté */
  --colors-secondary-default: 33 39 50;
  --colors-secondary-light: 37 44 55; 
  --colors-secondary-dark: 22 29 40;
  --colors-secondary-hover: var(--colors-font-light); 
  --alpha-secondary-hover: 0.1;
  /* font */
  --colors-font-light: 198 203 216;
  --colors-font-default: 215 217 223;
  /* disabled */
  --colors-disabled: ;
  /* border */
  --colors-line-default: 60 69 84;
  --colors-line-contrast: 107 117 134;
  /* skeleton */
  --colors-skeleton: 101 107 119;
  /* etats */
  --colors-success: 96 235 122;
  --colors-info: 33 150 243;
  --colors-error: 255 85 85;
  --colors-warning: 255 170 104;
  /* scrollbar */
  --colors-scrollbar-thumb: 128, 130, 148;
  --colors-scrollbar-track: 60 69 84;
  --colors-scrollbar-hover: 135, 148, 169;
  /* shadow */
  --colors-shadow: 0 0 0;
  --alpha-shadow-default: 0.15;
  --alpha-shadow-popover: 0.2;
}
html[data-theme="light"] {
  /* primary / orange */
  --colors-primary-default: 242 118 65;
  --colors-primary-light: 237 171 112;
  --colors-primary-hover: 253 190 152;
  --alpha-primary-hover: 0.2;
  /* secondary / gris bleuté */
  --colors-secondary-default: 250 251 253;
  --colors-secondary-light: 255 255 255;
  --colors-secondary-dark: 243 245 250;
  --colors-secondary-hover: var(--colors-font-light);
  --alpha-secondary-hover: 0.1;
  /* font */
  --colors-font-light: 95 108 128;
  --colors-font-default: 55 67 87;
  /* disabled */
  --colors-disabled: 226 232 240; 
  /* border */
  --colors-line-default: 212 212 222;
  --colors-line-contrast: 162 162 183;
  /* skeleton */
  --colors-skeleton: 225 232 240;
  /* etats */
  --colors-success: 96 235 122;
  --colors-info: 33 150 243;
  --colors-error: 255 85 85;
  --colors-warning: 255 170 104;
  /* scrollbar */
  --colors-scrollbar-thumb: 171, 182, 201;
  --colors-scrollbar-track: 228, 232, 240;
  --colors-scrollbar-hover: 124, 137, 163; 
  /* shadow */
  --colors-shadow: 13 0 86; 
  --alpha-shadow-default: 0.05; 
  --alpha-shadow-popover: 0.1;
}

.wrapper {
  box-shadow: 0 20px 25px -5px rgb(var(--colors-shadow)/var(--alpha-shadow-popover));
  background-color: rgb(var(--colors-secondary-light));
  border-radius: 0.75rem;
  border: 1px solid rgb(var(--colors-line-default));
}

.silla-input {
  background: rgb(var(--colors-secondary-dark));
  color: rgb(var(--colors-font-default));
  border: 1px solid rgb(var(--colors-line-default));
  transition: border-color 150ms ease-in-out; 
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  width: 100%;
}

.silla-input::placeholder {
  color: rgb(var(--colors-font-default));
}

.silla-input:hover {
  border: 1px solid rgb(var(--colors-primary-light));
}

.silla-input:focus, .silla-input:focus-visible {
  border: 1px solid rgb(var(--colors-primary-default));
  outline: none;
}

.silla-button {
  background: transparent;
  color: rgb(var(--colors-font-default));
  border: 1px solid rgb(var(--colors-font-default));
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  box-sizing: border-box;
}

.silla-button:hover {
  background: rgb(var(--colors-secondary-hover)/var(--alpha-secondary-hover))
}

.silla-button-primary {
  background-image: linear-gradient(to bottom, rgb(var(--colors-primary-default)), rgb(var(--colors-primary-light)));
  color: white;
  border: 1px solid rgb(var(--colors-primary-default));
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  box-sizing: border-box;
}

.silla-button-primary:hover {
  background-image: linear-gradient(to bottom, rgb(var(--colors-primary-default)), rgb(var(--colors-primary-hover)));
}