/*
   뽀송 라이트 테마 — 색 변수 모음 (2026-10-02)

   화면 색은 전부 여기 변수를 참조합니다. 톤을 바꾸려면 이 파일만 고치면 됩니다.
   의미색(딜러·버퍼·경고 등)은 C# 문자열과 MudTheme(Services/BosongTheme.cs)에도
   같은 hex 값이 들어가 있으니 바꿀 때 세 곳을 같이 맞춥니다.

   index.html 에서 MudBlazor.min.css 뒤에 링크해야 합니다 — 앞에 두면 MudBlazor 기본값에 밀립니다.
*/
:root {
    /* 글자 */
    --bs-text: #2B3270;        /* 기본 — 진한 남색 */
    --bs-text-2: #5F6890;      /* 보조 */
    --bs-text-3: #8A92B8;      /* 흐린 안내 */
    --bs-on-accent: #FFFFFF;   /* 색 배경(버튼·배지) 위 글자 */

    /* 의미색 — 밝은 배경 대비 4.5:1 이상 */
    --bs-accent: #4F5FD6;      /* 메인 · 딜러 (로고 외곽선 페리윙클) */
    --bs-buffer: #D6457F;      /* 버퍼 (발바닥 핑크를 진하게) */
    --bs-warn: #B7791F;        /* 경고 · 주의 */
    --bs-danger: #D63031;      /* 위험 · 미동기화 */
    --bs-success: #1E8E5A;     /* 성공 · 완료 */
    --bs-info: #1A7FB5;        /* 정보 · 등급(태초) */
    --bs-gold: #B8860B;        /* 금색 · 1위 · 에픽 */

    /* 면 */
    --bs-panel: rgba(255, 255, 255, 0.55);         /* 유리 패널 — 뒤 배경 그림이 비치는 정도 (블러 없음, 아래 참고) */
    --bs-panel-strong: rgba(255, 255, 255, 0.94);  /* 다이얼로그 · 헤더 */
    --bs-box: rgba(79, 95, 214, 0.06);             /* 패널 안 보조 박스 (구 검정 반투명) */
    --bs-row: rgba(255, 255, 255, 0.5);            /* 표 행 — 패널 없이 배경 위에 바로 놓이는 그리드용 (구 검정 40%) */
    --bs-thead: rgba(236, 239, 252, 0.85);         /* 표 머리글 */
    --bs-accent-soft: rgba(79, 95, 214, 0.12);     /* 보라 틴트 */

    /* 선 · 그림자 */
    --bs-line: rgba(43, 50, 112, 0.12);
    --bs-accent-line: rgba(79, 95, 214, 0.35);
    --bs-shadow: 0 10px 30px rgba(43, 50, 112, 0.12);
}

/* 다른 화면이 정의한 클래스에 기대던 공용 컴포넌트(Shared/CharacterDetailDialog 등)용 기본값.
   페이지 <style> 쪽 정의가 있으면 그쪽이 이깁니다(!important). */
.glass-panel, .glass-card, .glass-header {
    background: var(--bs-panel);
    border: 1px solid var(--bs-accent-line);
    color: var(--bs-text);
}

.bs-text {
    color: var(--bs-text) !important;
}

/* 유리 패널의 블러를 끈다 — 배경이 구름 그림이라 블러를 거치면 뿌연 안개가 돼 불투명한 판처럼 보인다
   (8px 로 줄여도 마찬가지였음). 블러 없는 MyRaid .empty-state-box 가 사용자 기준.
   페이지 <style> 쪽 정의가 뒤에 오므로 !important 가 필요하다. 다이얼로그(panel-strong)는 불투명이라 무관. */
.glass-panel, .glass-notice-panel, .raid-apply-card, .party-apply-card, .settings-glass-card,
.login-glass-card, .register-glass-card, .arcade-glass, .sync-glass-card,
.helpdesk-glass-container, .glass-header, .glass-card, .sidebar-glass-dropzone {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 유리 패널의 그림자를 끈다 — 각 페이지가 .mud-container 에 overflow-x: hidden 을 걸어 둬서 45px 번지는 그림자가
   컨테이너 패딩(24px)에서 잘려 카드 둘레에 네모난 어두운 띠로 남는다(로그인 화면에서 발견). 다크 때는 배경에 묻혀 안 보였음.
   .raid-apply-card / .party-apply-card 는 제외 — 연공 카드(.raid-bundle-card)의 보라 글로우가 같은 요소에 있다. */
.glass-panel, .glass-notice-panel, .settings-glass-card, .login-glass-card, .register-glass-card,
.arcade-glass, .sync-glass-card, .helpdesk-glass-container {
    box-shadow: none !important;
}

/* 테두리형 버튼은 기본이 완전 투명이라 배경 그림 위에서 글자만 떠 보인다 → 흰 바탕을 깔아 준다.
   !important 없음 — 인라인 Style 로 배경을 준 버튼(앱바 로그아웃 등)은 그쪽이 우선 */
.mud-button-root.mud-button-outlined {
    background-color: rgba(255, 255, 255, 0.6);
}

.mud-button-root.mud-button-outlined:hover {
    background-color: rgba(255, 255, 255, 0.85);
}

/* 표(MudTable·MudDataGrid)의 Surface 배경을 투명하게 — 패널 위에 흰 판이 한 겹 더 깔려 배경이 전혀 안 비쳤다.
   행 배경은 각 페이지의 .mud-table-cell(--bs-box) 이 담당한다. */
.mud-table {
    background-color: transparent !important;
}

/* 밝은 배경에서 네온 글로우는 번져 보이므로 전역 차단 */
.mud-nav-link .mud-nav-link-text,
.mud-typography {
    text-shadow: none;
}