@use "@gouvfr-lasuite/ui-kit/sass/fonts";
@use "@gouvfr-lasuite/ui-kit/style";
@use "./cunningham-tokens.css";
@use "./../features/layouts/components/global/GlobalLayout";
@use "./../features/feedback/Feedback";
@use "./../features/layouts/components/header/index";
@use "./../features/ui/components/toaster";
@use "./../features/ui/components/generic-disclaimer/GenericDisclaimer";
@use "./../features/ui/components/spinner/SpinnerPage";
@use "./../features/ui/components/logo/DynamicCalendarLogo";
@use "./../features/layouts/components/left-panel/LeftPanelMobile";
@use "./../features/calendar/components/left-panel/MiniCalendar";
@use "./../features/calendar/components/calendar-list/CalendarList";
@use "./../features/calendar/components/left-panel/LeftPanel";
@use "./../features/calendar/components/scheduler/EventModal";
@use "./../features/calendar/components/scheduler/RecurrenceEditor";
@use "./../features/calendar/components/scheduler/AttendeesInput";
@use "./../features/calendar/components/scheduler/Scheduler";
@use "./../features/calendar/components/scheduler/scheduler-theme";
@use "./../features/calendar/components/scheduler/SchedulerToolbar";
@use "./../features/calendar/components/scheduler/event-modal-sections/SectionRow";
@use "./../features/calendar/components/scheduler/event-modal-sections/InvitationResponseSection";
@use "./../features/calendar/components/scheduler/event-modal-sections/SectionPill";
@use "./../features/calendar/components/scheduler/FreeBusyTimeline";
@use "./../features/resources/components/Resources";
@use "./../features/settings/components/WorkingHoursSettings";
@use "./../pages/index" as *;
@use "./../pages/calendar" as *;
html,
body {
  margin: 0;
  background-color: var(--c--contextuals--background--surface--primary);
  color: var(--c--contextuals--content--semantic--neutral--primary);
}

* {
  box-sizing: border-box;
}

// Related to @viselect/react
.selection-area {
  background: rgba(46, 115, 252, 0.11);
  border: 2px solid rgba(98, 155, 255, 0.81);
  border-radius: 0.1em;

  &__container {
    user-select: none;
  }
}

.p-2xs {
  padding: var(--c--globals--spacings--2xs);
}

.p-xs {
  padding: var(--c--globals--spacings--xs);
}

.p-sm {
  padding: var(--c--globals--spacings--sm);
}

.p-md {
  padding: var(--c--globals--spacings--md);
}

.p-base {
  padding: var(--c--globals--spacings--base);
}

.lasuite-gaufre-btn--vanilla:before {
  background-color: var(
    --c--contextuals--background--semantic--brand--primary
  ) !important;
}

.c__left-panel {
  border-right: none;
}
.c__modal__backdrop {
  z-index: 1000;
}

.c__datagrid--empty,
.c__datagrid thead {
  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

.c__modal__title {
  text-align: left;
  padding: 0;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.c__modal__close button {
  padding: 0;
  font-size: 88px;
  top: -5px !important;
  width: 28px !important;
  height: 28px;
}

.c__modal__scroller {
  padding-top: 1rem;
}
