/*
 * mw-ui.theme.css — MW UI Framework 정본 디자인 토큰 (light + dark)
 *
 * 프레임워크 컴포넌트는 모든 색을 var(--mw-*, fallback) 으로 참조한다. 이 파일을 로드하면
 * 정본 인디고 테마가 적용되고(미로드 시 컴포넌트 인라인 fallback 으로도 동작), data-theme="dark"
 * 로 다크가 자동 적용된다. 호스트 앱은 이 토큰을 오버라이드해 자체 브랜딩을 입힐 수 있다.
 */
:root {
    /* 주조색: flex 톤 그린 CTA (docs/08 §2). style.css 와 동일 정렬 */
    --mw-brand: #13a86c;
    --mw-brand-2: #16c47f;
    --mw-brand-strong: #0f8a57;
    --mw-brand-grad-a: #13a86c;
    --mw-brand-grad-b: #16c47f;
    --mw-brand-soft: #e7f8f0;
    --mw-brand-soft-border: #bbebd5;

    --mw-surface: #ffffff;
    --mw-surface-2: #f8fafc;
    --mw-surface-muted: #f3f4f6;

    --mw-text: #1e293b;
    --mw-text-body: #334155;
    --mw-text-muted: #64748b;

    --mw-border: #e5e9f0;
    --mw-border-strong: #cbd5e1;

    --mw-success: #10b981;
    --mw-danger: #dc2626;
    --mw-warning: #f59e0b;

    --mw-diff-add: #ecfdf5;
    --mw-diff-del: #fef2f2;
    --mw-grid-hover: #f8fafc;
    --mw-overlay: rgba(15, 23, 42, .42);
    --mw-shadow-strong: rgba(0, 0, 0, .28);
}

html[data-theme="dark"] {
    --mw-brand: #2bd18b;
    --mw-brand-2: #2bd18b;
    --mw-brand-strong: #6ee7b7;
    --mw-brand-soft: #0c3a2a;
    --mw-brand-soft-border: #135e43;

    --mw-surface: #0f172a;
    --mw-surface-2: #1e293b;
    --mw-surface-muted: #1e293b;

    --mw-text: #e2e8f0;
    --mw-text-body: #cbd5e1;
    --mw-text-muted: #94a3b8;

    --mw-border: #334155;
    --mw-border-strong: #475569;

    --mw-success: #34d399;
    --mw-danger: #f87171;
    --mw-warning: #fbbf24;

    --mw-diff-add: #052e1b;
    --mw-diff-del: #3b0d0d;
    --mw-grid-hover: #1e293b;
    --mw-overlay: rgba(0, 0, 0, .58);
    --mw-shadow-strong: rgba(0, 0, 0, .55);
}