/**
 * File Name: gco-ui-interaction-tokens.css
 * Project: GCO UI CSS Architecture Migration
 * Milestone: M1 — Token Foundation
 */

:root {
  --gco-ui-interaction-hover-opacity: 0.92;

  /*
   * Shared hover boundary cue for interactive governed patterns.
   * Promoted from the browser-accepted Button treatment:
   * - gold inner ring signals hover;
   * - complementary dark outer edge preserves visibility on light surfaces;
   * - box-shadow avoids layout shift.
   */
  --gco-ui-interaction-hover-ring:
    0 0 0 2px var(--gco-ui-color-accent),
    0 0 0 3px var(--gco-ui-text-on-light);
  --gco-ui-interaction-focus-ring-color: var(--gco-ui-color-focus);
  --gco-ui-interaction-focus-ring-width: 2px;
  --gco-ui-interaction-focus-ring-offset: 2px;
}