@charset "utf-8";
/**
 * 전역 다크/라이트 테마 변수
 * 사이트 기본 컬러: green, gold 반영.
 * html[data-theme="dark"] 시 다크 모드 적용. 기본은 라이트.
 * (오토 모드는 추후 활성화 예정)
 */

/* 라이트 모드 (기본) - green & gold */
:root,
:root[data-theme="light"] {
    --color-bg-body: #fff;
    --color-bg-sub: #f7f9f7;
    --color-bg-ft: #eef1ee;
    --color-bg-input: #fff;
    --color-bg-table-th: #e8ede9;
    --color-bg-table-tr: #fff;
    --color-bg-table-tr-hover: #f5f7f5;
    --color-bg-table-foot: #dce5dd;
    --color-bg-btn: #f7f9f7;
    --color-bg-top-btn: rgba(255, 255, 255, 0.92);
    --color-bg-theme-btn: rgba(255, 255, 255, 0.96);
    --color-text: #1a231a;
    --color-text-sub: #4a554a;
    --color-text-muted: #6b756b;
    --color-text-link: #1a231a;
    --color-border: #e0e6e0;
    --color-border-input: #c8d1c8;
    --color-accent: #2d6a3e;
    --color-accent-hover: #245c32;
    --color-gold: #b8860b;
    --color-gold-soft: #c9a227;
    --color-top-btn: #5a6b5a;
    --color-top-btn-border: #c0cbc0;
    --color-ft-copy: #6b756b;
    --color-ft-copy-border: #e4e9e4;
    --color-banner-bg: #d1d5db;
    --color-banner-text: #1f2937;
    --shadow-gnb: 0px 1px 5px rgba(45, 106, 62, 0.08);
    --shadow-dropdown: 0px 1px 6px rgba(45, 106, 62, 0.1);
}

/* 다크 모드 - green & gold (어두운 톤) */
html[data-theme="dark"] {
    --color-bg-body: #1a1f1a;
    --color-bg-sub: #232923;
    --color-bg-ft: #1e231e;
    --color-bg-input: #2a302a;
    --color-bg-table-th: #2a302a;
    --color-bg-table-tr: #232923;
    --color-bg-table-tr-hover: #2d332d;
    --color-bg-table-foot: #333b33;
    --color-bg-btn: #2a302a;
    --color-bg-top-btn: rgba(42, 48, 42, 0.96);
    --color-bg-theme-btn: rgba(42, 48, 42, 0.98);
    --color-text: #e2e8e2;
    --color-text-sub: #b0b8b0;
    --color-text-muted: #889088;
    --color-text-link: #e2e8e2;
    --color-border: #3a433a;
    --color-border-input: #404a40;
    --color-accent: #5da86a;
    --color-accent-hover: #6fbd7c;
    --color-gold: #d4a84b;
    --color-gold-soft: #c9a227;
    --color-top-btn: #a0b0a0;
    --color-top-btn-border: #4a554a;
    --color-ft-copy: #889088;
    --color-ft-copy-border: #2d352d;
    --color-banner-bg: #4b5563;
    --color-banner-text: #fff;
    --shadow-gnb: 0px 1px 10px rgba(0, 0, 0, 0.35);
    --shadow-dropdown: 0px 1px 10px rgba(0, 0, 0, 0.4);
}