/* State layer opacities. Every interactive MD3 surface renders a translucent layer of
   its own content colour on hover/focus/press rather than swapping to a different colour.
   NOTE: the source skill documents only the 8% hover value (layout-and-responsive.md
   § hover states); the focus/press/drag values are the standard MD3 spec values. */
:root{
  --md-sys-state-hover-opacity: 0.08; /* @kind other */
  --md-sys-state-focus-opacity: 0.10; /* @kind other */
  --md-sys-state-pressed-opacity: 0.10; /* @kind other */
  --md-sys-state-dragged-opacity: 0.16; /* @kind other */
  --md-sys-state-disabled-container-opacity: 0.12; /* @kind other */
  --md-sys-state-disabled-content-opacity: 0.38; /* @kind other */
}