/* WISHORA 브랜드 토큰 — 둘째 창 V7 보드(브랜드 로고 시안 B안 "W 신호선", 잠금 화면, 관제 기본안)에서 추출. 2026-10-20 */
:root{
  /* 바탕 */
  --wz-bg:#0B0F14;            /* 페이지 바탕 */
  --wz-bg-deep:#07090C;       /* 잠금 화면 바탕 */
  --wz-card:#121922;          /* 카드 */
  --wz-card-2:#18212C;        /* 카드 안 칸 · 입력칸 */
  --wz-line:rgba(255,255,255,.07);
  --wz-line-strong:rgba(255,255,255,.10);
  --wz-fill-1:rgba(255,255,255,.03);
  --wz-fill-2:rgba(255,255,255,.045);
  --wz-fill-3:rgba(255,255,255,.065);
  --wz-shadow:0 12px 32px -16px rgba(0,0,0,.75), 0 2px 8px rgba(0,0,0,.35);

  /* 글자 */
  --wz-text:#E8EDF3;          /* 본문 */
  --wz-text-2:#A9B5C4;        /* 보조 */
  --wz-text-3:#8A97A8;        /* 설명 · 단위 · 시각 */

  /* 금색(브랜드) */
  --wz-gold:#E0B25C;          /* 링크 · 강조선 · 선택 */
  --wz-gold-hover:#F3CB80;
  --wz-gold-soft:#E9C27A;
  --wz-gold-hi:#F1D08F;       /* 로고 그라데이션 위 */
  --wz-gold-lo:#CF9C45;       /* 로고 그라데이션 아래 */
  --wz-gold-btn-hi:#EDC985;   /* 주 버튼 위 */
  --wz-gold-btn-lo:#D7A653;   /* 주 버튼 아래 */
  --wz-gold-ink:#1A1408;      /* 금색 버튼 위 글자 */
  --wz-gold-glow:rgba(224,178,92,.07);

  /* 상태색 */
  --wz-up:#FF5A5F;            /* 상승 · 이익 (한국 관례: 빨강) */
  --wz-down:#4D8EFF;          /* 하락 · 손실 (파랑) */
  --wz-warn:#F2A93B;          /* 주의 · 일부 매도 검토 */
  --wz-warn-soft:#F5B556;
  --wz-warn-fill:rgba(242,169,59,.13);
  --wz-warn-fill-2:rgba(242,169,59,.22);
  --wz-live:#3CC585;          /* 살아 있음 · 정상 */
  --wz-violet:#CDB6F4;        /* 재분석 · 보조 표시 */

  /* 모양 */
  --wz-r-xs:4px; --wz-r-sm:7px; --wz-r-md:10px; --wz-r-lg:12px; --wz-r-xl:18px; --wz-r-pill:999px;
  --wz-r-input:14px;

  /* 글꼴 */
  --wz-font:"IBM Plex Sans KR",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wz-fs-12:12px; --wz-fs-13:13px; --wz-fs-14:14px; --wz-fs-16:16px; --wz-fs-20:20px; --wz-fs-24:24px; --wz-fs-28:28px;

  /* 움직임 */
  --wz-m-fast:180ms; --wz-m-base:280ms; --wz-m-slow:420ms; --wz-m-sheet:560ms;
  --wz-e-out:cubic-bezier(.22,1,.36,1); --wz-e-move:cubic-bezier(.65,0,.35,1); --wz-e-sheet:cubic-bezier(.32,.72,0,1);
}
html,body{background:var(--wz-bg);color:var(--wz-text);font-family:var(--wz-font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
a{color:var(--wz-gold);text-decoration:none}a:hover{color:var(--wz-gold-hover)}
/* 큰 숫자·제목은 자간을 살짝 좁힘 */
.wz-num-lg,.wz-h1,.wz-h2{letter-spacing:-.02em}
/* 주 버튼 */
.wz-btn-primary{height:52px;border-radius:var(--wz-r-input);border:0;background:linear-gradient(180deg,var(--wz-gold-btn-hi) 0%,var(--wz-gold-btn-lo) 100%);box-shadow:0 6px 18px -6px rgba(224,178,92,.55),inset 0 1px 0 rgba(255,255,255,.35);color:var(--wz-gold-ink);font-weight:700;font-size:15px}
/* 입력칸 */
.wz-input{height:52px;box-sizing:border-box;padding:0 16px;border-radius:var(--wz-r-input);background:rgba(18,25,34,.85);border:1px solid var(--wz-line-strong);color:var(--wz-text)}
/* 로고 선 그리기 — 처음 열 때 한 번, 0.9초. 다시 읽기·탭 이동 때는 정지. */
@keyframes wzLogoDraw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes wzLogoDot{0%,80%{transform:scale(0);opacity:0}90%{transform:scale(1.25);opacity:1}100%{transform:scale(1);opacity:1}}
.wz-logo--intro .wz-logo-line{stroke-dasharray:100;animation:wzLogoDraw .9s var(--wz-e-out) 1 both}
.wz-logo--intro .wz-logo-dot{transform-origin:33px 11px;animation:wzLogoDot 1.2s var(--wz-e-out) 1 both}
@media (prefers-reduced-motion:reduce){.wz-logo--intro .wz-logo-line,.wz-logo--intro .wz-logo-dot{animation:none!important}}