`invert` 값은 배경 색상을 반전시켜 아웃라인이 항상 배경과 대비되어 잘 보이도록 하는 특별한 값입니다.

invert의 작동 원리:
• 배경이 밝으면 → 아웃라인이 어두워짐
• 배경이 어두우면 → 아웃라인이 밝아짐
• 자동으로 대비 확보하여 가시성 보장

시각적 이해:
```css
/* 흰 배경에서 */
.white-bg {
background: white;
outline-color: invert; /* → 검은색 아웃라인 */
}

/* 검은 배경에서 */
.black-bg {
background: black;
outline-color: invert; /* → 흰색 아웃라인 */
}

/* 빨간 배경에서 */
.red-bg {
background: red;
outline-color: invert; /* → 청록색 아웃라인 */
}
```