/* ===== AI Center 다크 — shadow / scrollbar 전용 =====
 * 색 토큰·시맨틱 클래스는 theme.css 가 단일 소스다(SoT). 이 파일은 색
 * 하이재킹 규칙을 두지 않고, 다크 전용 그림자·스크롤바 스타일만 남긴다.
 * (theme.css 가 먼저 로드돼 --bae-* 토큰이 :root 에 정의됨.)
 */

/* --- Shadows (Tailwind .shadow* 에 다크 톤 그림자) --- */
/* 원본 dark.css 와 동일 범위만 유지 — shadow-lg 등은 의도적으로 미오버라이드.
 * 이름은 Tailwind 4 기준 — v3 의 shadow-sm·shadow 가 v4 에선 shadow-xs·shadow-sm 이다(값은 그대로). */
/* Tailwind 의 utilities 층 안에(그 그림자 유틸리티보다 뒤) — 같은 명시도의 .shadow-* 는 덮고, 더 높은
 * focus:ring-2(:focus) 에는 진다(v3 와 같다). 층 밖이면 포커스 링까지 지운다. */
@layer utilities {
    .shadow-xs { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }
    .shadow-sm { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.4); }
    .shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4); }
}

/* --- Scrollbar — 막대는 안 보이게 (24.home_iot 과 같은 규약) ---
 * 스크롤(휠·터치·키보드)은 그대로 된다. 막대만 감춘다 — 설치형 앱처럼 보이는 화면에
 * 막대가 서 있으면 폭이 그만큼 밀리고 데스크톱에서만 모양이 달라진다. */
* { scrollbar-width: none; }
*::-webkit-scrollbar { display: none; }