:root {
  --focus-ring-color: #9DAA00;
  --focus-ring-width: 3px;
  --focus-ring-offset: 2px;
  --focus-ring-radius: 0.25rem;
  --focus-dark-ring: #1A1A1A;
  --focus-light-ring: #FFFFFF;
}

:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
  border-radius: var( --focus-ring-radius);
}

/*
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring-color) !important;
  outline-offset: var(--focus-ring-offset) !important;
  border-radius: var( --focus-ring-radius) !important;
}
*/

/* 테마에 맞게 2중 링 */
/* :root[data-theme="light"] {
  :focus-visible {
    box-shadow:
      0 0 0 3px var(--focus-dark-ring),
      0 0 0 4px var(--focus-ring-color);
  }
}

:root[data-theme="dark"] {
  :focus-visible {
    box-shadow:
      0 0 0 3px var(--focus-light-ring),
      0 0 0 4px var(--focus-ring-color);
  }
} */