@charset "utf-8";

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-white1: rgba(255, 255, 255, .9);
    --white-rgba1: rgba(255, 255, 255, .9);
    --white-rgba2: rgba(255, 255, 255, .5);
    --black-color1: #000000;
    --black-rgba1: rgba(0, 0, 0, .5);
    --black-rgba2: rgba(0, 0, 0, .9);
    --gray-color1: #d9d9d9;
    --gray-color2: #666666;
    --blue-color1: rgb(53, 59, 82);
    --blue-color2: rgb(38, 44, 66);
    --blue-color3: rgb(0, 110, 255);
    --blue-rgba1: rgba(53, 59, 82, .5);
    --blue-rgba2: rgba(38, 44, 66, .5);
    --blue-rgba3: rgba(53, 59, 82, .3);
    --red-color1: #f49c9c;
    --red-color2: #be2f3b;
    --red-color3: #4a0606;
    --red-rgba1: rgba(255, 0, 0, 0.7);
    --brown-color1: #ceb291;
    --yellow-color1: #ffd600;
    --rgba-color1: rgba(0, 0, 0, .1);
    --rgba-color2: rgba(0, 0, 0, .7);
    --rgba-color3: rgba(233, 233, 233, 0.6);


    --line-rgb1: rgb(223, 223, 223);
    --border-s1: #dfdfdf solid 1px;
    --border-radius-s1: 1rem;
    --boxshadow-s1a: 2px 2px 5px #151721;
    --boxshadow-s1b: -2px -2px 5px #535562;
    --boxshadow-s2a: 5px 5px 10px #151721;
    --boxshadow-s2b: -5px -5px 10px #535562;
    /* 새로운 CSS정의 */
    --logo-color: #ffffff;
    --menu-a-color: #ffffff;
    --menu-hover-color: #C9A063;
    --menu-active-color: #ffde00;
    --defult-color1: #ffffff;
    --defult-color2: #363636;
}

:root[data-theme='theme1'] {
    /* happe-blue */
    --theme-bg-main: rgb(43, 45, 55);
    --main-bg-rgba: rgba(43, 45, 55, .7);
    --theme-bg-color1: rgba(53, 59, 82, .5);
    --theme-bg-color2: rgb(38, 44, 66);
    --theme-bg-color3: rgba(0, 0, 0, .5);
    --theme-bg-color4: rgba(0, 42, 255, 0.3);
    --theme-bg-color5: #F2AD94;
    --theme-track-color: #000000;
    --theme-thumb-color: #ffffff;
    --theme-boxshadow1a: 2px 2px 5px #151721;
    --theme-boxshadow1b: -2px -2px 5px #535562;
}

:root[data-theme='theme2'] {
    /* happe-yellow */
    --theme-bg-main: rgb(43, 45, 55);
    --main-bg-rgba: rgba(89, 77, 16, 0.7);
    --theme-bg-color1: rgba(83, 75, 47, .7);
    --theme-bg-color2: rgba(110, 82, 49, 1);
    --theme-bg-color3: rgb(42, 35, 2, .7);
    --theme-bg-color4: rgba(255, 213, 0, 0.3);
    --theme-bg-color5: #F2AB91;
    --theme-track-color: #3A2104;
    --theme-thumb-color: #E4C997;
    --theme-boxshadow1a: 2px 2px 5px #473717;
    --theme-boxshadow1b: -2px -2px 5px #9a846b;
}

:root[data-theme='theme3'] {
    /* Clean White — Glassmorphism */
    /* === 배경 === */
    --theme-bg-main: rgb(236, 240, 248);
    --main-bg-rgba: rgba(255, 255, 255, 0.72);
    /* === 패널 / 카드 === */
    --theme-bg-color1: rgba(255, 255, 255, 0.55);
    --theme-bg-color2: rgb(215, 224, 242);
    --theme-bg-color3: rgba(200, 212, 235, 0.65);
    --theme-bg-color4: rgba(60, 100, 220, 0.12);
    --theme-bg-color5: #A8C0E8;
    /* === 스크롤바 === */
    --theme-track-color: #dde3f0;
    --theme-thumb-color: #8099cc;
    /* === 그림자 (뉴모피즘 밝은 계열) === */
    --theme-boxshadow1a: 2px 2px 6px rgba(176, 190, 220, 0.8);
    --theme-boxshadow1b: -2px -2px 6px rgba(255, 255, 255, 0.95);
    /* === 텍스트 / 로고 / 메뉴 색상 재정의 === */
    --logo-color: #1a1a3e;
    --menu-a-color: #1a1a3e;
    --menu-hover-color: #3060c8;
    --menu-active-color: #1a40a0;
    --defult-color1: #1a1a3e;
    --defult-color2: #f0f4fc;
    /* === 공통 색상 변수 재정의 === */
    --white-rgba1: rgba(255, 255, 255, 0.85);
    --white-rgba2: rgba(255, 255, 255, 0.55);
    --black-rgba1: rgba(30, 40, 80, 0.35);
    --black-rgba2: rgba(20, 30, 60, 0.80);
    --rgba-color1: rgba(60, 80, 160, 0.07);
    --rgba-color2: rgba(20, 30, 60, 0.55);
    --rgba-color3: rgba(220, 228, 245, 0.75);
    --line-rgb1: rgb(185, 198, 225);
    --border-s1: #b8c6e0 solid 1px;
    --boxshadow-s1a: 2px 2px 6px rgba(176, 190, 220, 0.7);
    --boxshadow-s1b: -2px -2px 6px rgba(255, 255, 255, 0.95);
    --boxshadow-s2a: 5px 5px 12px rgba(156, 172, 210, 0.7);
    --boxshadow-s2b: -5px -5px 12px rgba(255, 255, 255, 0.95);
}