/* 라운지 데일리 브리핑 — 테마 11종 색과 글꼴만 바꿔요. 화면 배치는 그대로예요. 적용: · 관리자 페이지에서 고른 값이 모든 기기에 함께 적용돼요. */ /* 1 · 미니멀 화이트 */ :root[data-skin="t1"][data-skin]{ --ground:#FFFFFF;--surface:#FFFFFF;--surface-2:#F2F2F2;--line:#DCDCDC; --ink:#111111;--ink-2:#444444;--ink-3:#8A8A8A; --navy:#111111;--navy-2:#2C2C2C;--navy-ink:#FFFFFF;--navy-dim:#ADADAD; --brass:#111111;--brass-hi:#FFFFFF;--brass-bg:#F2F2F2; --up:#D93A33;--up-bg:#FBEAE8;--down:#2A62C9;--down-bg:#E8EFFB;--flat:#6B6B6B;--flat-bg:#EFEFEF; --warn:#8A6212;--warn-bg:#FFF4DC; --shadow:0 1px 2px rgba(0,0,0,.05); --serif:"Noto Sans KR",sans-serif; } /* 2 · 스카이 소프트 */ :root[data-skin="t2"][data-skin]{ --ground:#F1F6FF;--surface:#FFFFFF;--surface-2:#E3EDFB;--line:#D5E3F6; --ink:#18243A;--ink-2:#46556F;--ink-3:#7E8CA6; --navy:#2F6FE4;--navy-2:#5A8FEE;--navy-ink:#FFFFFF;--navy-dim:#D3E3FC; --brass:#2F6FE4;--brass-hi:#FFFFFF;--brass-bg:#E8F1FE; --up:#E0473E;--up-bg:#FCEBEA;--down:#2F6FE4;--down-bg:#E8F1FE;--flat:#6D7B93;--flat-bg:#E7EDF6; --warn:#8A6212;--warn-bg:#FFF4DC; --shadow:0 6px 18px -10px rgba(47,111,228,.45); --serif:"Noto Sans KR",sans-serif; } /* 3 · 버건디 럭셔리 */ :root[data-skin="t3"][data-skin]{ --ground:#FBF8F4;--surface:#FFFFFF;--surface-2:#F4EBDD;--line:#E7DCCB; --ink:#2A1A1E;--ink-2:#5C4750;--ink-3:#8C7A80; --navy:#5B1A2A;--navy-2:#7A2A3C;--navy-ink:#F3E6D0;--navy-dim:#D9C29A; --brass:#8C6A4F;--brass-hi:#C9A978;--brass-bg:#F7EFE2; --up:#B8322C;--up-bg:#F9EAE8;--down:#2D5C9E;--down-bg:#E9EFF8;--flat:#7B6B70;--flat-bg:#F1EAE2; --warn:#8A6212;--warn-bg:#FBF1DC; --shadow:0 10px 24px -16px rgba(91,26,42,.5); --serif:"Hahmlet",serif; } /* 4 · 뉴스 속보형 */ :root[data-skin="t4"][data-skin]{ --ground:#FFFFFF;--surface:#FFFFFF;--surface-2:#F1F1F1;--line:#D8D8D8; --ink:#111111;--ink-2:#3F3F3F;--ink-3:#7A7A7A; --navy:#111111;--navy-2:#2A2A2A;--navy-ink:#FFFFFF;--navy-dim:#BEBEBE; --brass:#E0201B;--brass-hi:#E0201B;--brass-bg:#FDECEB; --up:#E0201B;--up-bg:#FDECEB;--down:#1F5BD6;--down-bg:#E9EFFC;--flat:#6B6B6B;--flat-bg:#EFEFEF; --warn:#8A6212;--warn-bg:#FFF4DC; --shadow:0 2px 0 rgba(0,0,0,.08); --serif:"Black Han Sans",sans-serif; } /* 5 · 차콜 민트 (관리자 페이지와 같은 색) */ :root[data-skin="t5"][data-skin]{ --ground:#1C1F24;--surface:#262A31;--surface-2:#2F343C;--line:#383E48; --ink:#ECEFF3;--ink-2:#B6BDC7;--ink-3:#868E9A; --navy:#16181C;--navy-2:#232830;--navy-ink:#ECEFF3;--navy-dim:#8A93A0; --brass:#3DD6B5;--brass-hi:#3DD6B5;--brass-bg:#16302B; --up:#FF7468;--up-bg:#3A211F;--down:#6FA8FF;--down-bg:#1A2739;--flat:#8A93A0;--flat-bg:#2A2F37; --warn:#F0C466;--warn-bg:#33290F; --shadow:0 12px 30px -18px rgba(0,0,0,.8); --serif:"Noto Sans KR",sans-serif; } /* 6 · 큰 글씨 고대비 */ :root[data-skin="t6"][data-skin]{ --ground:#FFFFFF;--surface:#FFFFFF;--surface-2:#F4F4F4;--line:#000000; --ink:#000000;--ink-2:#1E1E1E;--ink-3:#4A4A4A; --navy:#FFD400;--navy-2:#FFE45C;--navy-ink:#000000;--navy-dim:#6B5B00; --brass:#000000;--brass-hi:#000000;--brass-bg:#FFF6BF; --up:#D40000;--up-bg:#FDE9E9;--down:#0040C8;--down-bg:#E7EDFB;--flat:#3A3A3A;--flat-bg:#EDEDED; --warn:#6B5B00;--warn-bg:#FFF6BF; --shadow:none; --serif:"Noto Sans KR",sans-serif; } /* 7 · 신문 1면형 */ :root[data-skin="t7"][data-skin]{ --ground:#F3F3F0;--surface:#FFFFFF;--surface-2:#E8E8E2;--line:#C9C9C1; --ink:#1A1A1A;--ink-2:#4A4A44;--ink-3:#7C7C74; --navy:#1A1A1A;--navy-2:#333330;--navy-ink:#F3F3F0;--navy-dim:#B8B8B0; --brass:#9E1F1F;--brass-hi:#9E1F1F;--brass-bg:#F2E7E7; --up:#9E1F1F;--up-bg:#F4E8E8;--down:#1F4FA0;--down-bg:#E8EDF7;--flat:#6E6E68;--flat-bg:#E8E8E2; --warn:#7A5A12;--warn-bg:#F6EEDC; --shadow:none; --serif:"Hahmlet",serif; } /* 8 · 오로라 글래스 */ :root[data-skin="t8"][data-skin]{ --ground:#13163A;--surface:#1E2150;--surface-2:#2A2D66;--line:#3A3E7A; --ink:#FFFFFF;--ink-2:#C9CBEA;--ink-3:#9A9DC8; --navy:#191C46;--navy-2:#2A2E6B;--navy-ink:#FFFFFF;--navy-dim:#ABAFDB; --brass:#E3A7FF;--brass-hi:#E3A7FF;--brass-bg:#2C2060; --up:#FF978D;--up-bg:#3A2246;--down:#9CC0FF;--down-bg:#1E2A5E;--flat:#9A9DC8;--flat-bg:#262A63; --warn:#FFD27A;--warn-bg:#39306B; --shadow:0 14px 34px -18px rgba(0,0,0,.7); --serif:"Noto Sans KR",sans-serif; } /* 9 · 오렌지 스코어보드 */ :root[data-skin="t9"][data-skin]{ --ground:#FFFFFF;--surface:#FFFFFF;--surface-2:#FFF1E6;--line:#F0DCCB; --ink:#1D1D1F;--ink-2:#4A4A50;--ink-3:#86868B; --navy:#FF6A00;--navy-2:#FF8A33;--navy-ink:#FFFFFF;--navy-dim:#FFE0C7; --brass:#FF6A00;--brass-hi:#FFFFFF;--brass-bg:#FFF1E6; --up:#E53A1E;--up-bg:#FDEBE7;--down:#1F63E0;--down-bg:#E8EFFC;--flat:#7A7A80;--flat-bg:#F1F1F3; --warn:#8A6212;--warn-bg:#FFF4DC; --shadow:0 6px 16px -10px rgba(255,106,0,.5); --serif:"Do Hyeon",sans-serif; } /* 10 · 마켓맵 타일 */ :root[data-skin="t10"][data-skin]{ --ground:#EDEFF3;--surface:#FFFFFF;--surface-2:#DFE3EA;--line:#D3D8E0; --ink:#1B1E24;--ink-2:#49505C;--ink-3:#7A8290; --navy:#1B1E24;--navy-2:#2C3039;--navy-ink:#FFFFFF;--navy-dim:#AAB0BB; --brass:#2459C4;--brass-hi:#FFFFFF;--brass-bg:#E6ECF8; --up:#D23A2F;--up-bg:#FAEAE8;--down:#2459C4;--down-bg:#E6ECF8;--flat:#6B7280;--flat-bg:#E4E8EE; --warn:#8A6212;--warn-bg:#FFF4DC; --shadow:0 6px 16px -12px rgba(27,30,36,.45); --serif:"Noto Sans KR",sans-serif; } /* 11 · KB국민은행 스타일 (기본) */ :root[data-skin="t11"][data-skin]{ --ground:#FAF9F5;--surface:#FFFFFF;--surface-2:#F3EFE2;--line:#EAE3CE; --ink:#1B1B1B;--ink-2:#4A473F;--ink-3:#8A8578; --navy:#FFBC00;--navy-2:#FFD24D;--navy-ink:#1B1B1B;--navy-dim:#7A5F00; --brass:#8A6D00;--brass-hi:#1B1B1B;--brass-bg:#FFF7DE; --up:#D0362A;--up-bg:#FBEAE8;--down:#1E4FA0;--down-bg:#E8EEF8;--flat:#6E6A60;--flat-bg:#F0EDE4; --warn:#8A6D00;--warn-bg:#FFF3D0; --shadow:0 6px 16px -12px rgba(27,27,27,.35); --serif:"Noto Sans KR",sans-serif; } /* ── 테마별 손질 ── */ /* 큰 글씨 테마는 본문도 키워요 */ :root[data-skin="t6"] body{font-size:16.5px} :root[data-skin="t6"] .headline{font-size:32px} :root[data-skin="t6"] .board{border-width:2px} /* 오로라는 빛 번짐 배경 */ :root[data-skin="t8"] body{background: radial-gradient(120% 60% at 0% 0%,#4B3BC9 0%,transparent 55%), radial-gradient(90% 50% at 100% 15%,#B8428C 0%,transparent 50%), var(--ground);background-attachment:fixed} /* 제목 전용 글꼴은 굵기가 하나뿐이라 굵게 지정을 풀어요 */ :root[data-skin="t4"] .headline,:root[data-skin="t4"] .brand-name,:root[data-skin="t4"] .talk h2, :root[data-skin="t9"] .headline,:root[data-skin="t9"] .brand-name,:root[data-skin="t9"] .talk h2, :root[data-skin="t4"] .sector-detail h2,:root[data-skin="t9"] .sector-detail h2, :root[data-skin="t4"] .ai-card h2,:root[data-skin="t9"] .ai-card h2, :root[data-skin="t4"] .calc h2,:root[data-skin="t9"] .calc h2{font-weight:400;letter-spacing:0} /* 밝은 머리띠(KB 노랑·큰 글씨 노랑·오렌지)에서는 선택된 탭을 진한 색으로 */ :root[data-skin="t11"] .tab[aria-selected="true"], :root[data-skin="t6"] .tab[aria-selected="true"]{border-bottom-color:#1B1B1B} :root[data-skin="t9"] .tab[aria-selected="true"]{border-bottom-color:#FFFFFF} /* 신문 테마는 카드 모서리를 각지게 */ :root[data-skin="t7"] .board,:root[data-skin="t7"] .flows,:root[data-skin="t7"] .s-tile, :root[data-skin="t7"] .sector-detail,:root[data-skin="t7"] .calc,:root[data-skin="t7"] .ai-card, :root[data-skin="t7"] .note,:root[data-skin="t7"] .talk{border-radius:0} /* 미니멀 테마는 그림자를 빼요 */ :root[data-skin="t1"] .board,:root[data-skin="t1"] .sector-detail{box-shadow:none}