//
// Copyright 2026 Google LLC
// SPDX-License-Identifier: Apache-2.0
//

@mixin root {
  // LINT.IfChange
  --icon-color: var(--md-sys-color-on-surface-variant);
  --icon-size: 20px;
  --state-layer-color: var(--md-sys-color-on-surface);
  --state-layer-shape: 50%;
  --state-layer-size: 40px;
  // LINT.ThenChange(md-radio.ts) keep in sync with `@cssprop` jsdoc tags
}

@mixin hovered {
  --icon-color: var(--md-sys-color-on-surface);
}

@mixin focused {
  --icon-color: var(--md-sys-color-on-surface);
}

@mixin pressed {
  --state-layer-color: var(--md-sys-color-primary);
}

@mixin selected {
  --icon-color: var(--md-sys-color-primary);
  --state-layer-color: var(--md-sys-color-primary);
}

@mixin selected-pressed {
  --state-layer-color: var(--md-sys-color-on-surface);
}

@mixin disabled {
  --icon-color: hsl(from var(--md-sys-color-on-surface) h s l / 38%);
}