/* ============================================================
   로드잇(Lordit) — 테마 (다크 / 라이트)
   전역: 배경·surface·border·텍스트·입력·시맨틱 색
   accent(primary): public blue — 길드 금색은 guild-design.css .guild-page
   ============================================================ */

[data-theme="dark"] {
    --color-bg: #0c0d0f;
    --color-bg-subtle: #111317;
    --color-surface: #17191e;
    --color-surface-raised: #1d2026;
    --color-surface-hover: #22262d;
    --color-surface-active: #282c34;
    --color-border: #2b2e34;
    --color-border-strong: #3a3e48;
    --color-text: #f0eee9;
    --color-text-muted: #a7a49e;
    --color-text-disabled: #6f7073;
    --color-primary: #5b8def;
    --color-primary-hover: #7aa3f5;
    --color-primary-text: #060810;
    --color-brand-gold: #c2a56a;
    --color-brand-gold-hover: #dbc083;
    --color-success: #658b70;
    --color-warning: #bd8644;
    --color-danger: #a9564e;
    --color-info: #71879e;
    --color-focus-ring: rgba(91, 141, 239, 0.45);
    --color-overlay: rgba(4, 5, 7, 0.72);

    --bg-primary: var(--color-bg);
    --bg-secondary: var(--color-bg-subtle);
    --bg-card: var(--color-surface);
    --bg-card-hover: var(--color-surface-hover);
    --text-primary: var(--color-text);
    --text-secondary: var(--color-text-muted);
    --text-muted: var(--color-text-disabled);
    --accent: #5b8def;
    --accent-hover: #7aa3f5;
    --accent-soft: rgba(91, 141, 239, 0.14);
    --accent-glow: rgba(91, 141, 239, 0.22);
    --border: rgba(255, 255, 255, 0.07);
    --header-bg: rgba(12, 13, 15, 0.94);
    --badge-bg: rgba(91, 141, 239, 0.16);
    --badge-text: #8eb4ff;
    --focus-ring: 0 0 0 3px var(--color-focus-ring);
    --card-glow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 4px 20px rgba(0, 0, 0, 0.28);
}

[data-theme="light"] {
    --color-bg: #efede8;
    --color-bg-subtle: #e5e1d9;
    --color-surface: #faf9f6;
    --color-surface-raised: #ffffff;
    --color-surface-hover: #f4f1eb;
    --color-surface-active: #ebe6dc;
    --color-border: #d4cec2;
    --color-border-strong: #b8b0a4;
    --color-text: #222326;
    --color-text-muted: #676861;
    --color-text-disabled: #999991;
    --color-primary: #3d5fd9;
    --color-primary-hover: #2f4fc4;
    --color-primary-text: #faf9f6;
    --color-brand-gold: #8d703a;
    --color-brand-gold-hover: #a88647;
    --color-success: #4a7356;
    --color-warning: #9a6830;
    --color-danger: #9b4540;
    --color-info: #526579;
    --color-focus-ring: rgba(61, 95, 217, 0.38);
    --color-overlay: rgba(34, 35, 38, 0.45);

    --bg-primary: var(--color-bg);
    --bg-secondary: var(--color-bg-subtle);
    --bg-card: var(--color-surface-raised);
    --bg-card-hover: var(--color-surface-hover);
    --text-primary: var(--color-text);
    --text-secondary: var(--color-text-muted);
    --text-muted: var(--color-text-disabled);
    --accent: #3d5fd9;
    --accent-hover: #2f4fc4;
    --accent-soft: rgba(61, 95, 217, 0.1);
    --accent-glow: rgba(61, 95, 217, 0.15);
    --border: rgba(34, 35, 38, 0.12);
    --header-bg: rgba(239, 237, 232, 0.94);
    --badge-bg: rgba(61, 95, 217, 0.1);
    --badge-text: #3d5fd9;
    --focus-ring: 0 0 0 3px var(--color-focus-ring);
    --card-glow: 0 0 0 1px rgba(34, 35, 38, 0.06), 0 4px 16px rgba(34, 35, 38, 0.06);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --motion-fast: 0.01ms;
        --motion-normal: 0.01ms;
    }
}