/*
 * Wapu Theme Design System · Material interaction engine 2.0
 *
 * Material is an implementation primitive, never the storefront paint owner.
 * No colors, fonts or broad component selectors belong here. WTDS consumes
 * these reference contracts and decides the final visual language.
 */
:root {
  /* Shape reference scale. */
  --md-ref-shape-none: 0;
  --md-ref-shape-xs: 4px;
  --md-ref-shape-sm: 8px;
  --md-ref-shape-md: 12px;
  --md-ref-shape-lg: 16px;
  --md-ref-shape-xl: 28px;
  --md-ref-shape-full: 999px;

  /* Motion reference scale. */
  --md-ref-motion-duration-instant: 0ms;
  --md-ref-motion-duration-fast: 100ms;
  --md-ref-motion-duration-short: 150ms;
  --md-ref-motion-duration-medium: 250ms;
  --md-ref-motion-duration-long: 400ms;
  --md-ref-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);
  --md-ref-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);
  --md-ref-motion-easing-decelerate: cubic-bezier(0, 0, .2, 1);
  --md-ref-motion-easing-accelerate: cubic-bezier(.4, 0, 1, 1);

  /* Interaction state reference values. */
  --md-ref-state-hover-opacity: .08;
  --md-ref-state-focus-opacity: .10;
  --md-ref-state-pressed-opacity: .12;
  --md-ref-state-disabled-opacity: .38;

  /* Interaction geometry. */
  --md-ref-touch-target: 48px;
  --md-ref-control-height-compact: 40px;
  --md-ref-control-height: 48px;
  --md-ref-icon-sm: 18px;
  --md-ref-icon-md: 20px;
  --md-ref-icon-lg: 24px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --md-ref-motion-duration-fast: 0ms;
    --md-ref-motion-duration-short: 0ms;
    --md-ref-motion-duration-medium: 0ms;
    --md-ref-motion-duration-long: 0ms;
  }
}