/*
   |--------------------------------------------------------------------------
   | Fonts
   |--------------------------------------------------------------------------
   |
   | Import all fonts used in the template, the font configuration can be
   | seen in "tailwind.config.js".
   |
   | Please check this link for more details:
   | https://tailwindcss.com/docs/theme
   |
   */
@import "./fonts/_public-sans.css";

/*
   |--------------------------------------------------------------------------
   | Components
   |--------------------------------------------------------------------------
   |
   | Import CSS components.
   |
   */
@import "./components/_box.css";
@import "./components/_global.css";
@import "./components/_image-fit.css";
@import "./components/_scrollbar-hidden.css";
@import "./components/_typing-dots.css";
@import "./components/_zoom-in.css";

/*
 |--------------------------------------------------------------------------
 | TailwindCSS Directives
 |--------------------------------------------------------------------------
 |
 | Import TailwindCSS directives and swipe out at build-time with all of
 | the styles it generates based on your configured design system.
 |
 | Please check this link for more details:
 | https://tailwindcss.com/docs/installation#include-tailwind-in-your-css
 |
 */
@tailwind base;
@tailwind components;
@tailwind utilities;


/*
|--------------------------------------------------------------------------
| Custom CSS
|--------------------------------------------------------------------------
*/


.zoom-img-wrap {
  z-index: 2500 !important;
}

.custom-html ul {
  list-style-type: disc !important;
  padding-left: 1.5rem !important;
  margin-bottom: 1rem !important;
}

.custom-html ol {
  list-style-type: decimal !important;
  padding-left: 1.5rem !important;
  margin-bottom: 1rem !important;
}

.custom-html li {
  margin-bottom: 0.5rem !important;
}

.custom-scrollbar::-webkit-scrollbar,
.v-list::-webkit-scrollbar,
.v-table__wrapper::-webkit-scrollbar,
.v-card-text::-webkit-scrollbar {
  width: 8px !important;
}

.custom-scrollbar::-webkit-scrollbar-track,
.v-list::-webkit-scrollbar-track,
.v-table__wrapper::-webkit-scrollbar-track,
.v-card-text::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.v-list::-webkit-scrollbar-thumb,
.v-table__wrapper::-webkit-scrollbar-thumb,
.v-card-text::-webkit-scrollbar-thumb {
  background-color: #696CFF;
  border-radius: 4px;
  border: 2px solid transparent !important;
  background-clip: content-box;
}


/* =========================== */
/*  Disabled TipTap            */
/* =========================== */

div[contenteditable="false"] {
  cursor: not-allowed;
  opacity: 0.6;
}

/* =========================== */
/*  MODE LIGHT (default)       */
/* =========================== */

:root {
  /* Números de los días */
  --fc-day-number-color: #4953a1;
  --fc-today-number-color: #696CFF;

  /* Headers (días de semana) */
  --fc-col-header-color: #4953a1;

  /* Background del "hoy" */
  --fc-today-bg: rgba(105, 108, 255, 0.15);

  /* Bordes */
  --fc-border-color: #e5e7eb;

  /* Eventos */
  --fc-event-bg: #1d8cf8;
  --fc-event-text: #ffffff;

  /* Toolbar title */
  --fc-title-color: #696CFF;

  /* Botones */
  --fc-button-bg: #696CFF;
  --fc-button-bg-hover: #8F91FF;
  --fc-button-bg-active: #7a7cff;
  --fc-button-text: #ffffff;
}

/* =========================== */
/*  MODE DARK                  */
/* =========================== */

html.dark {
  --fc-day-number-color: #8da2fb;
  --fc-today-number-color: #ffffff;

  --fc-col-header-color: #8da2fb;

  --fc-today-bg: rgba(141, 162, 251, 0.15);

  --fc-border-color: rgba(255, 255, 255, 0.06);

  --fc-event-bg: #3d8bfd;
  --fc-event-text: #ffffff;

  --fc-title-color: #dbe1ff;

  --fc-button-bg: #2f3144;
  --fc-button-bg-hover: #3b3d51;
  --fc-button-bg-active: #4b4d66;
  --fc-button-text: #8da2fb;
}