body[data-theme="dark"] .crf-page {
    --crf-primary: var(--color-primary, #3a6fae);
    --crf-primary-strong: var(--color-primary-strong, #8ba9c9);
    --crf-primary-soft: var(--color-primary-soft, #1f2731);
    --crf-bg-base: var(--color-bg-page, #10100f);
    --crf-surface: var(--color-surface, #171717);
    --crf-surface-soft: var(--color-surface-soft, #1a1a1a);
    --crf-text: var(--color-text-primary, #edf0f3);
    --crf-muted: var(--color-text-muted, #c2c8d0);
    --crf-border: var(--color-border-default, #2a2a2a);
    --crf-border-soft: color-mix(in srgb, var(--crf-border) 78%, var(--crf-text) 22%);
    --crf-link: color-mix(in srgb, var(--crf-text) 84%, var(--crf-primary) 16%);
    --crf-focus: var(--color-focus-ring, rgba(58, 111, 174, 0.4));
    --crf-bg:
        radial-gradient(900px 420px at 14% 22%, color-mix(in srgb, var(--crf-surface) 12%, transparent) 0%, transparent 60%),
        radial-gradient(1100px 520px at 86% 84%, color-mix(in srgb, var(--crf-surface) 14%, transparent) 0%, transparent 62%),
        var(--crf-bg-base);
    --crf-shadow: none;
}

body[data-theme="dark"] .crf-breadcrumb a {
    color: var(--crf-link);
}

body[data-theme="dark"] .crf-motto-hanja {
    color: var(--crf-text);
}

body[data-theme="dark"] .crf-motto-ko {
    color: var(--crf-muted);
}

body[data-theme="dark"] .crf-search-box .search-icon-left {
    color: var(--crf-muted);
}

body[data-theme="dark"] .crf-search-input {
    background: var(--crf-surface-soft);
    border-color: var(--crf-border-soft);
    color: var(--crf-text);
}

body[data-theme="dark"] .crf-search-input::placeholder {
    color: var(--crf-muted);
}

body[data-theme="dark"] .crf-search-btn {
    background: #ffffff;
    border: 1px solid #d8e1ef;
    color: #1f2f46;
}

body[data-theme="dark"] .crf-search-btn i {
    color: #1f2f46;
}

body[data-theme="dark"] .crf-search-btn:hover {
    background: #f5f9ff;
    border-color: #c8d7ef;
}

body[data-theme="dark"] .crf-list-btn {
    background: var(--crf-surface-soft);
    border-color: var(--crf-border-soft);
    color: var(--crf-link);
}

body[data-theme="dark"] .crf-list-btn:hover {
    background: color-mix(in srgb, var(--crf-surface-soft) 84%, var(--crf-border) 16%);
    border-color: var(--crf-border-soft);
}