/* 두 셸 공용 디자인 토큰(--u-*) — 값 = L1 모양 · 두 셸이 싣는다 · L2 는 user/user_variables.css 가 강조색·모달 층·상태색을 L2 값으로 덮는다 · 이 앱 화면이 읽는 토큰만 둔다 */

:root {
    /* 모달 층 — L1 = 콘솔 크롬 위(9000) · L2 = user_variables.css 가 덮는다 */
    --u-modal-z: 9000;

    /* 배경 */
    --u-bg: #F3F4F6;
    --u-bg-gray: #F9FAFB;
    --u-bg-card: #ffffff;

    /* 강조 = L1 인디고 */
    --u-accent: #4f46e5;
    --u-accent-hover: #4338ca;
    --u-accent-light: #818cf8;
    --u-on-accent: #ffffff;       /* 강조·색 면 위의 흰 글자·아이콘 — 카드 배경(--u-bg-card)과 값은 같으나 자리가 다르다 */

    /* 글자 */
    --u-ink: #111827;
    --u-ink-strong: #374151;
    --u-ink-light: #6B7280;
    --u-ink-muted: #9CA3AF;

    /* 테두리 */
    --u-border: #E5E7EB;
    --u-border-strong: #D1D5DB;

    /* 상태 */
    --u-success: #16A34A;
    --u-success-soft: #F0FDF4;
    --u-success-strong: #15803D;
    --u-warning: #D97706;
    --u-warning-soft: #FFFBEB;
    --u-warning-text: #B45309;
    --u-danger: #DC2626;
    --u-danger-soft: #FEF2F2;
    --u-danger-strong: #B91C1C;
    --u-danger-border: #FECACA;    /* 파괴 버튼 테두리 — soft 는 hover 배경용이라 흰 배경에서 테두리가 사라진다 */
    --u-info-strong: #1d4ed8;
    --u-info-soft: #E8F4FD;
    --u-violet: #A78BFA;

    /* 모바일 시트 톤 — L1 알림창의 모바일 판(base/rn_modal.css) */
    --u-mo-ink: #191F28;
    --u-mo-grey: #8B95A1;
    --u-mo-grey-strong: #4E5968;
    --u-mo-grey-faint: #D1D6DB;
    --u-mo-line: #F2F4F6;

    /* 간격 — 셸 중립 */
    --u-sp-4: 4px;
    --u-sp-8: 8px;
    --u-sp-12: 12px;
    --u-sp-16: 16px;
    --u-sp-20: 20px;
    --u-sp-24: 24px;

    /* 글꼴 굵기 — 셸 중립 */
    --u-fw-medium: 500;
    --u-fw-semibold: 600;
    --u-fw-bold: 700;

    /* 반투명 색 — 그림자·덮개·테두리 rgba · 이름 = 바탕색 + -aNN 불투명도 % */
    /* #000 */
    --u-black-a09: rgba(0,0,0,0.09); --u-black-a12: rgba(0,0,0,0.12); --u-black-a20: rgba(0,0,0,0.2);
    --u-black-a40: rgba(0,0,0,0.4); --u-black-a45: rgba(0,0,0,0.45);
    /* #fff */
    --u-white-a06: rgba(255,255,255,0.06);
    /* #191F28 = --u-mo-ink */
    --u-mo-ink-a18: rgba(25,31,40,0.18); --u-mo-ink-a50: rgba(25,31,40,0.5);
    /* #818cf8 = --u-accent-light */
    --u-indigo-light-a10: rgba(129,140,248,0.1);
}