@use "sass:meta";
@import "../node_modules/primeicons/primeicons.css";

@include meta.load-css("assets/styles/reset.scss");
@include meta.load-css("assets/layout/styles/global.scss");

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
  Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

:root {
  --book-type-pdf-color: #dc2626;
  --book-type-epub-color: #16a34a;
  --book-type-cbx-color: #3b82f6;
  --book-type-cbz-color: #06b6d4;
  --book-type-cbr-color: #f97316;
  --book-type-cb7-color: #8b5cf6;
  --book-type-fb2-color: #ec4899;
  --book-type-mobi-color: #6366f1;
  --book-type-azw3-color: #14b8a6;
  --book-type-audiobook-color: #eab308;
  --book-type-m4b-color: #eab308;
  --book-type-mp3-color: #84cc16;
  --book-type-m4a-color: #f43f5e;
  --book-type-opus-color: #06b6d4;
  --book-type-physical-color: #8b5cf6;
}

* {
  &::-webkit-scrollbar {
    width: 12px;
  }

  &::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }

  &::-webkit-scrollbar-thumb {
    background: rgba(128, 128, 128, 0.5);
    border-radius: 10px;

    &:hover {
      background: rgba(128, 128, 128, 0.7);
    }
  }

  scrollbar-width: thin;
  scrollbar-color: rgba(128, 128, 128, 0.5) rgba(0, 0, 0, 0.1);
}

.chart-info-tooltip.p-tooltip {
  --p-tooltip-max-width: 25rem;
}

.chart-info-icon {
  color: rgba(255, 255, 255, 0.35);
  font-size: 0.9rem;
  cursor: help;
  transition: color 0.2s ease;

  &:hover {
    color: rgba(255, 255, 255, 0.8);
  }
}

.p-toast {
  top: 4rem !important;
}

.p-inputchips {
  width: 100% !important;
}

.p-inputchips .p-inputchips-input {
  width: 100% !important;
}

.p-inputchips input.p-inputtext {
  width: 100% !important;
}

.footer-menu .p-tieredmenu-submenu {
  top: auto !important;
  bottom: 0;
}
