/**
 * @name Midnight-Ash-Light
 * @description Midnight theme customized with a soft light palette.
 * @author Ash1421 & Gemini
 * @version 1.0.0
*/

/* 기존 기능 플러그인 유지 */
@import url("https://refact0r.github.io/midnight-discord/build/midnight.css");
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/SettingsModal/SettingsModal.css);
@import url("https://discordstyles.github.io/RadialStatus/RadialStatus.css");
@import url("https://discordstyles.github.io/HorizontalServerList/HorizontalServerList.css");
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Apple.css);

body {
    --font: "figtree";
    --gap: 12px;
    --animations: on;
    --list-item-transition: 0.2s ease;
    --small-user-panel: on;
    --custom-chatbar: aligned;
}

:root {
    /* --- 핵심 라이트 모드 색상 적용 --- */
    --text-0: hsl(315 21% 8%);        /* 주요 텍스트 */
    --text-1: hsl(315 21% 15%);
    --text-2: hsl(340 10% 40%);       /* 부가 텍스트 */
    --text-3: hsl(340 10% 50%);
    --text-4: hsl(340 10% 60%);       /* 비활성/플레이스홀더 */
    --text-5: hsl(340 10% 70%);

    --bg-1: hsl(340 40% 98%);         /* 전체 배경 */
    --bg-2: hsl(340 25% 95%);         /* 사이드바/리스트 배경 */
    --bg-3: hsl(340 25% 93%);         /* 패널 배경 */
    --bg-4: hsl(340 25% 90%);         /* 입력창/경계선 */

    /* 디스코드를 위한 기본 배경 매핑 */
    --background-primary: var(--bg-1);
    --background-secondary: var(--bg-2);
    --background-secondary-alt: hsl(340 25% 94%);
    --background-tertiary: var(--bg-3);
    --background-accent: var(--bg-4);
    --background-floating: var(--bg-1);
    
    /* 강조색 (Primary 기반) */
    --accent-1: hsl(340 25% 30%);
    --accent-2: hsl(340 25% 15%);     /* 메인 포인트 */
    --accent-3: hsl(340 25% 10%);
    --accent-new: var(--accent-2);

    /* 상호작용 (Hover/Active) */
    --hover: hsla(340, 25%, 90%, 0.5);
    --active: hsla(340, 25%, 85%, 0.7);
    --message-hover: hsla(340, 25%, 95%, 0.4);

    /* 경계선 및 스크롤바 */
    --border: hsl(340 25% 90%);
    --border-hover: hsl(340 25% 80%);
    --scrollbar-auto-thumb: var(--text-5);
    --scrollbar-thin-thumb: var(--text-5);

    /* Radial Status & 기타 UI 설정 */
    --rs-online-color: #43b581;
    --rs-idle-color: #faa61a;
    --rs-dnd-color: #f04747;
    --rs-offline-color: var(--text-4);
    
    /* Settings Modal 가시성 조절 */
    --settingswidth: 960;
    --settingsheight: 80;
    --settingsbackground: var(--bg-1);
}

/* 테마 강제 라이트 모드 보정 */
.theme-dark, .theme-light, .theme-midnight {
    --background-primary: var(--bg-1) !important;
    --background-secondary: var(--bg-2) !important;
    --background-tertiary: var(--bg-3) !important;
    --channel-text-area-background: var(--bg-4) !important;
    --modal-background: var(--bg-1) !important;
    --modal-footer-background: var(--bg-2) !important;
    --card-primary-bg: var(--bg-1) !important;
    --input-background: var(--bg-4) !important;
}

/* 멘션 및 리플라이 색상 조정 (라이트 모드 가독성) */
:root {
    --mention: hsla(340, 25%, 15%, 0.1);
    --mention-hover: hsla(340, 25%, 15%, 0.15);
}