@import "../colors.css";
@import "../media.css";
@import "../z-index.css";

:root {
  --sidebar-collapsed-min-width: 78px;
  --sidebar-expanded-min-width: 222px;

  --sidebar-collapsed-width: 78px;
  --sidebar-expanded-width: 222px;

  --sidebar-background-color: var(--color-white);

  --sidebar-font-family: var(--title-font-family);

  --sidebar-header-height: 72px;
  --sidebar-header-text-color: var(--color-birdperson-gray-500);
  --sidebar-header-padding: var(--spacing-small);
  --sidebar-header-border-bottom: none;

  --sidebar-header-button-border: none;
  --sidebar-header-button-focus-border: none;
  --sidebar-header-button-background: none;
  --sidebar-header-button-color: var(--color-picklerick-green-100);
  --sidebar-header-button-padding: 0;
  --sidebar-collapsed-header-button-size: var(--spacing-medium);

  --sidebar-content-padding: var(--spacing-medium);

  --sidebar-link-color: var(--color-birdperson-gray-500);
  --sidebar-link-margin: 0;
  --sidebar-link-padding: var(--spacing-small);
  --sidebar-link-transition: all 225ms;

  --sidebar-link-icon-margin-right: var(--spacing-small);
  --sidebar-link-arrow-icon-margin-left: var(--spacing-tiny);

  --sidebar-link-enter-background-color: var(--color-white);
  --sidebar-link-enter-border-color: none;

  --sidebar-link-active-color: var(--color-picklerick-green-100);
  --sidebar-link-active-border-color: none;

  --sidebar-sublink-padding:
    0
    var(--spacing-medium)
    var(--spacing-medium);
  --sidebar-sublink-button-padding:
    var(--spacing-tiny)
    40px
    var(--spacing-small);
  --sidebar-sublink-active-color: var(--color-picklerick-green-100);
  --sidebar-sublink-before-background-color: var(--color-white);
  --sidebar-sublink-before-left: 6px;
  --sidebar-sublink-before-width: 2px;

  --sidebar-title-color: var(--color-birdperson-gray-500);
  --sidebar-title-font-size: 14px;
  --sidebar-title-line-height: 14px;
  --sidebar-title-margin: 0;
  --sidebar-title-text-transform: none;

  --sidebar-position: relative;
  --sidebar-transition: width 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;

  --sidebar-user-select: none;
  --sidebar-separator-border: var(--color-squanchy-gray-50);
}