@use "sass:map";

/* 👉 Shadow opacities */
$shadow-key-umbra-opacity-custom: var(--v-shadow-key-umbra-opacity);
$shadow-key-penumbra-opacity-custom: var(--v-shadow-key-penumbra-opacity);
$shadow-key-ambient-opacity-custom: var(--v-shadow-key-ambient-opacity);

/* 👉 Card transition properties */
$card-transition-property-custom: box-shadow, opacity;

@forward "vuetify/settings" with (
  // 👉 General settings
  $color-pack: false !default,

  // 👉 Shadow opacity
  $shadow-key-umbra-opacity: $shadow-key-umbra-opacity-custom !default,
  $shadow-key-penumbra-opacity: $shadow-key-penumbra-opacity-custom !default,
  $shadow-key-ambient-opacity: $shadow-key-ambient-opacity-custom !default,

    // 👉 Card
  $card-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default,
  $card-elevation: 6 !default,
  $card-title-line-height: 1.6 !default,
  $card-actions-min-height: unset !default,
  $card-text-padding: 1.25rem !default,
  $card-item-padding: 1.25rem !default,
  $card-actions-padding: 0 12px 12px !default,
  $card-transition-property: $card-transition-property-custom !default,
  $card-subtitle-opacity: 1 !default,

  // 👉 Expansion Panel
  $expansion-panel-active-title-min-height: 48px !default,

  // 👉 List
  $list-item-icon-margin-end: 16px !default,
  $list-item-icon-margin-start: 16px !default,
  $list-item-subtitle-opacity: 1 !default,

  // 👉 Navigation Drawer
  $navigation-drawer-content-overflow-y: hidden !default,

  // 👉 Tooltip
  $tooltip-background-color: rgba(59, 55, 68, 0.9) !default,
  $tooltip-text-color: rgb(var(--v-theme-on-primary)) !default,
  $tooltip-font-size: 0.75rem !default,

  $button-icon-density: ("default": 2, "comfortable": 0, "compact": -1 ) !default,

   // 👉 VTimeline
  $timeline-dot-size: 34px !default,

  // 👉 table
  $table-transition-property:  height !default,

  // 👉 VOverlay
  $overlay-opacity: 1 !default,

  // 👉 VContainer
  $container-max-widths: (
    "xl": 1440px,
    "xxl": 1440px
  ) !default,

);
