/* ═══════════════════════════════════════════
   Phase 5: @supports 폴백 — 브라우저 호환성 가드
   oklch(): Chrome 111+, Edge 111+, Firefox 113+, Safari 15.4+
   light-dark(): Chrome 123+, Edge 123+, Firefox 120+, Safari 17.5+
   내부 관리자 도구 — 최신 Chrome/Edge 사용 전제, 경고만 표시
   ═══════════════════════════════════════════ */

@supports not (color: light-dark(red, blue)) {
    body::before {
        content: "⚠ 이 브라우저는 light-dark() CSS 함수를 지원하지 않습니다. Chrome 123+ 또는 Edge 123+ 사용을 권장합니다.";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: var(--z-index-toast-overlay);
        padding: var(--space-2) var(--space-4);
        background: var(--state-danger-fill-bg);
        color: var(--state-danger-fill-text);
        font-size: var(--font-size-base);
        text-align: center;
    }
}