/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */

//
// APP-SIDE-NAV - VARS
//

// LOCAL VARIABLES
// we use `hds-app` as prefix to distinguish them from the normal tokens
// notice: they may be overwritten at consumer-level side if needed by re-defining the variables in a container element

:root {
  // widths
  --hds-app-side-nav-width-minimized: 16px;
  --hds-app-side-nav-width-expanded: 280px;
  --hds-app-side-nav-width-fixed: var(--hds-app-side-nav-width-expanded);
  // animation
  --hds-app-side-nav-animation-duration: 200ms;
  --hds-app-side-nav-animation-delay: var(--hds-app-side-nav-animation-duration);
  --hds-app-side-nav-animation-easing: cubic-bezier(0.65, 0, 0.35, 1);
  // toggle-button
  --hds-app-side-nav-toggle-button-width: 24px;
}

// reduced motion

@media (prefers-reduced-motion) {
  :root {
    --hds-app-side-nav-animation-duration: 0;
  }
}