/* ============================================================
   app-theme.css — ANT Central 공통 디자인 토큰 (단일 소스)
   ★ 사이트 전체 색/테마를 여기서 한 번에 바꿉니다.
     각 앱의 CSS 는 var(--app-*, 기존값) 형태로 이 값을 참조하므로,
     아래 값만 고치면 포털·WMS·BizPro·손익·모니터가 같이 바뀝니다.
     (이 파일이 안 불러와져도 각 앱의 폴백값으로 정상 표시됩니다.)
   ============================================================ */
:root {
    /* ── 표면(서피스) ── */
    --app-bg:        #f1f5f9;   /* 페이지 배경 */
    --app-bg-grad-1: hsla(214, 70%, 95%, 1);  /* 배경 그라데이션 1 */
    --app-bg-grad-2: hsla(226, 60%, 94%, 1);  /* 배경 그라데이션 2 */
    --app-card:      #ffffff;   /* 카드/패널 배경 */
    --app-card-2:    #f8fafc;   /* 보조 표면 */
    --app-border:    #e7ecf3;   /* 테두리 */
    --app-text:      #1e293b;   /* 본문 글자 */
    --app-muted:     #64748b;   /* 보조(흐린) 글자 */

    /* ── 브랜드 색 ── */
    --brand-blue:    #2563eb;
    --brand-indigo:  #4f46e5;
    --brand-violet:  #7c3aed;
    --brand-gradient: linear-gradient(135deg, #2563eb 0%, #4f46e5 50%, #7c3aed 100%);

    /* ── 모양 ── */
    --app-radius: 16px;
    --app-shadow: 0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.05);
}

/* 공통 유리 카드 — WMS·BizPro 등에서 .glass-card 로 재사용 (단일 정의) */
.glass-card {
    background: rgba(255,255,255,.82);
    backdrop-filter: blur(12px) saturate(1.3);
    -webkit-backdrop-filter: blur(12px) saturate(1.3);
    border: 1px solid rgba(255,255,255,.7);
    box-shadow: 0 8px 28px rgba(31,38,135,.10);
    border-radius: 1.5rem;
}