/* Hallmark · shape: app screen · genre: modern-minimal · theme: brand · redesign: full
 * paper: cool grey · accent: Reqeo blue · display: Pretendard · body: Pretendard
 * nav: kept destinations · signature: account controls and point balance · states: full, empty, error, success
 * axes: cool/sans/blue · posture: restrained · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S3 R4 V3 · weakest: S, 계정의 포인트와 연결 설정을 중심으로 구성 */
:root {
    --ui-font-code: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --ui-canvas: #f4f6fa;
    --ui-paper: #fff;
    --ui-ink: #17243a;
    --ui-muted: #596780;
    --ui-line: #dfe5ef;
    --ui-brand: #3455db;
    --ui-brand-dark: #2642b5;
    --ui-tint: #edf1ff;
    --ui-success: #147566;
    --ui-danger: #b23a45;
    /* 버튼 기능별 색(2026-10-29). 실행·복귀는 --ui-brand, 충전·결제는 청록, 내역·조회는 회청색 테두리. */
    --ui-btn-charge-ink: #12665a;
    --ui-btn-charge-bg: #e9f6f2;
    --ui-btn-charge-bg-hover: #d5eee7;
    --ui-btn-charge-line: #a8d8cb;
    --ui-btn-record-ink: #344565;
    --ui-btn-record-icon: #55657f;
    --ui-btn-record-bg-hover: #f1f4fa;
    --ui-btn-record-line: #b7c4d8;
    /* 버튼 기능별 색(2026-10-30). 한 화면에 채운 파랑(주 실행)은 하나만 두고,
     * 승인·허용=초록, 거절·삭제·환불=빨강, 되돌리기·보안 해제=주황, 조회·저장=회청 테두리로 나눈다.
     * 색만으로 구분하지 않도록 같은 계열 아이콘을 함께 쓴다. */
    --ui-btn-ok-ink: var(--ui-btn-charge-ink);
    --ui-btn-ok-bg: var(--ui-btn-charge-bg);
    --ui-btn-ok-bg-hover: var(--ui-btn-charge-bg-hover);
    --ui-btn-ok-line: var(--ui-btn-charge-line);
    --ui-btn-danger-ink: #9a2430;
    --ui-btn-danger-bg: #fdf0f1;
    --ui-btn-danger-bg-hover: #fbe1e4;
    --ui-btn-danger-line: #e6b6bb;
    --ui-btn-warn-ink: #87530f;
    --ui-btn-warn-bg: #fdf5e6;
    --ui-btn-warn-bg-hover: #faecd1;
    --ui-btn-warn-line: #e7cd9e;
    /* 관리자 콘솔 버튼(2026-10-30). 승인·허용은 초록, 거절·중단·회수는 빨강, 보조는 회청 테두리.
     * 초록은 충전 버튼과 같은 값을 쓰고, 이름만 기능에 맞춰 둔다(값이 갈라지지 않게). */
    --ui-btn-ok-ink: var(--ui-btn-charge-ink);
    --ui-btn-ok-bg: var(--ui-btn-charge-bg);
    --ui-btn-ok-bg-hover: var(--ui-btn-charge-bg-hover);
    --ui-btn-ok-line: var(--ui-btn-charge-line);
    --ui-btn-danger-ink: #9a2430;
    --ui-btn-danger-bg: #fdf0f1;
    --ui-btn-danger-bg-hover: #fbe1e4;
    --ui-btn-danger-line: #e6b6bb;
    --ui-radius: 12px;
    --sm-bg: var(--ui-canvas);
    --sm-text: var(--ui-ink);
    --sm-muted: var(--ui-muted);
    --sm-line: var(--ui-line);
    --sm-accent: var(--ui-brand);
    --sm-accent-dark: var(--ui-brand-dark);
    --sm-soft: #eef2f8;
    --sm-header-h: 72px;

    --ui-font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ui-tone-1: #6984ed;
    --ui-tone-2: #8795aa;
    --ui-tone-3: #fff;
    --ui-tone-4: #17243a05;
    --ui-tone-5: #63718a;
    --ui-tone-6: #2642b51a;
    --ui-tone-7: #2642b529;
    --ui-tone-8: #344565;
    --ui-tone-9: #cdd6e6;
    --ui-tone-10: #f1f4fc;
    --ui-tone-11: #aebde4;
    --ui-tone-12: #e6bfc5;
    --ui-tone-13: #fff0f2;
    --ui-tone-14: #34445e;
    --ui-tone-15: #f3f6fb;
    --ui-tone-16: #fffffff5;
    --ui-tone-17: #e1e6ef;
    --ui-tone-18: #526078;
    --ui-tone-19: #f0f3f9;
    --ui-tone-20: #edf2ff;
    --ui-tone-21: #dbe3ff;
    --ui-tone-22: #344fc7;
    --ui-tone-23: #34445f;
    --ui-tone-24: #69768b;
    --ui-tone-25: #758198;
    --ui-tone-26: #57667e;
    --ui-tone-27: #e9edf5;
    --ui-tone-28: #e5ebff;
    --ui-tone-29: #2d4dc9;
    --ui-tone-30: #edf0f6;
    --ui-tone-31: #eaf5f1;
    --ui-tone-32: #21765f;
    --ui-tone-33: #d2e9e1;
    --ui-tone-34: #cae6dc;
    --ui-tone-35: #edf8f3;
    --ui-tone-36: #21664f;
    --ui-tone-37: #f0ccd1;
    --ui-tone-38: #fff2f3;
    --ui-tone-39: #a02e3b;
    --ui-tone-40: #f6f8fc;
    --ui-tone-41: #f1f4fa;
    --ui-tone-42: #edf0f5;
    --ui-tone-43: #182c51;
    --ui-tone-44: #8daaff;
    --ui-tone-45: #dce6ff;
    --ui-tone-46: #b5c5e0;
    --ui-tone-47: #233b6a;
    --ui-tone-48: #4562cc;
    --ui-tone-49: #eff3ff;
    --ui-tone-50: #eaf0f8;
    --ui-tone-51: #344867;
    --ui-tone-52: #b7c7e9;
    --ui-tone-53: #e3ebf8;
    --ui-tone-54: #5b729b;
    --ui-tone-55: #182c5105;
    --ui-tone-56: #d3ddeb;
    --ui-tone-57: #24395e05;
    --ui-tone-58: #e7edff;
    --ui-tone-59: #becdf8;
    --ui-tone-60: #2e4bc2;
    --ui-tone-61: #dce3ef;
    --ui-tone-62: #acbce5;
    --ui-tone-63: #20385b0b;
    --ui-tone-64: #243f75;
    --ui-tone-65: #edf2fa;
    --ui-tone-66: #53637d;
    --ui-tone-67: #5f6d83;
    --ui-tone-68: #1e355b08;
    --ui-tone-69: #f1f5fc;
    --space-10: 10px;
    --space-13: 13px;
    --space-28: 28px;
    --space-9: 9px;
    --space-12: 12px;
    --space-8: 8px;
    --space-14: 14px;
    --space-18: 18px;
    --space-7: 7px;
    --space-6: 6px;
    --space-32: 32px;
    --space-72: 72px;
    --space-40: 40px;
    --space-36: 36px;
    --space-16: 16px;
    --space-5: 5px;
    --space-11: 11px;
    --space-20: 20px;
    --space-26: 26px;
    --space-22: 22px;
    --space-24: 24px;
    --space-2: 2px;
    --space-4: 4px;
    --space-23: 23px;
    --space-82: 82px;
    --space-1: 1px;
    --space-15: 15px;
    --space-3: 3px;
}