:root {
  --borders-light: rgba(0, 0, 0, 0.12);
  --borders-dark: rgba(255, 255, 255, 0.15);
  --transition-time: 0.15s ease-in-out;
}

// From: https://blogs.gnome.org/alicem/2024/06/07/css-happenings/
@function shade($color, $number) {
  @return #{"hsl(from #{$color} h calc(s * #{$number}) calc(l * #{$number}))"};
}
@function lighter($color) {
  @return shade($color, 1.3);
}
@function darker($color) {
  @return shade($color, 0.7);
}

*:disabled image {
  opacity: var(--disabled-opacity);
}
