/**
 * tokens.css - 디자인 토큰 (색상 변수)
 * "차분한 서재" 톤: accent는 스카이블루, 카테고리색/의미색은 accent와 분리된 별도 팔레트.
 * 다른 CSS 모듈(base/layout/components/knowledge/settings/overlays)은 여기 정의된
 * var(--...)만 참조하고 색상 리터럴을 직접 쓰지 않는다.
 */

:root {
    /* 배경/표면/글자 */
    --bg: #eef1f3;
    --surface: #ffffff;
    --text-primary: #1c242c;
    --text-secondary: #66727d;
    --border-color: #dde2e6;
    --input-bg: #ffffff;
    --card-bg: #ffffff;
    --card-border: #dde2e6;
    --card-hover-bg: #f4f6f7;
    --section-bg: #eef1f3;
    --msg-bg: #f4f2f8;
    --system-msg: #66727d;

    /* accent (브랜드 포인트 컬러 - 라이트: 스카이블루) */
    --primary-color: #3fadce;
    --primary-hover: #2f93b1;
    --primary-ink: #f7fcfe;

    /* 카테고리색 (지식관리 일정/기타 - accent와 의도적으로 다른 색상 계열) */
    --cat-schedule: #b8577e;
    --cat-general: #3f7ab0;

    /* 의미색 (성공/경고/위험 - accent·카테고리색과 별개) */
    --success: #2f8f45;
    --warning: #b06a1c;
    --danger: #a83e4d;

    /* 🆕 2026-07-26: 일정(캘린더) 탭 - 일정별 색상 구분용 팔레트 (가독성 목적, 순환 배정) */
    --cal-color-1: #b8577e;
    --cal-color-2: #3f7ab0;
    --cal-color-3: #4a9c82;
    --cal-color-4: #c08a3e;
    --cal-color-5: #8266b8;
    --cal-color-6: #5b6f8f;

    /* 구버전 변수 별칭 (과도기 호환용, 신규 코드는 위 변수를 직접 사용) */
    --glass-bg: var(--surface);
    --glass-border: var(--border-color);
    --bg-gradient: var(--bg);
    --surface-color: var(--surface);
}

[data-theme="dark"] {
    --bg: #14181d;
    --surface: #1c222a;
    --text-primary: #f1f4f7;
    --text-secondary: #98a3af;
    --border-color: #333c47;
    --input-bg: #1c222a;
    --card-bg: #1c222a;
    --card-border: #333c47;
    --card-hover-bg: #262d38;
    --section-bg: #14181d;
    --msg-bg: #262d38;
    --system-msg: #98a3af;

    /* accent (다크: 라벤더/페리윙클 - 라이트와 다른 색상, 쨍한 스카이블루가 야간엔 눈부셔서 의도적으로 분리) */
    --primary-color: #8b93d9;
    --primary-hover: #767ec4;
    --primary-ink: #1c2140;

    --cat-schedule: #c98aa0;
    --cat-general: #7fa8cf;

    --success: #8fd19e;
    --warning: #e0b774;
    --danger: #d9756f;

    /* 🆕 2026-07-26: 다크 전용 팔레트 - 라이트 값을 그대로 어둡게 쓰지 않고 채도를 낮춘 별도 톤 */
    --cal-color-1: #c98aa0;
    --cal-color-2: #7fa8cf;
    --cal-color-3: #7fc9ae;
    --cal-color-4: #d9b06e;
    --cal-color-5: #a68fd9;
    --cal-color-6: #8ea3c4;

    --glass-bg: var(--surface);
    --glass-border: var(--border-color);
    --bg-gradient: var(--bg);
    --surface-color: var(--surface);
}