/* ==========================================
 * InsureMate — Twenty Design Tokens
 * 전체 포털 공용 디자인 토큰 (Single Source of Truth)
 * ========================================== */

:root, [data-theme="light"] {
    /* 배경 */
    --tw-bg: #FAFAFA;
    --tw-surface: #FFFFFF;
    --tw-surface-alt: #F4F4F5;

    /* 텍스트 */
    --tw-text-1: #141414;
    --tw-text-2: #71717a;
    --tw-text-3: #a1a1aa;

    /* 보더 */
    --tw-border: #e4e4e7;
    --tw-border-strong: #d4d4d8;

    /* 액센트 */
    --tw-accent: #3b82f6;
    --tw-accent-hover: #2563eb;
    --tw-accent-light: #eff6ff;

    /* 시맨틱 */
    --tw-success: #22c55e;
    --tw-success-dark: #16a34a;
    --tw-success-bg: #f0fdf4;
    --tw-warning: #f59e0b;
    --tw-warning-bg: #fef3c7;
    --tw-error: #dc2626;
    --tw-error-bg: #fee2e2;

    /* 쉘/다크 영역 */
    --tw-shell-bg: #1B1B1B;
    --tw-shell-text: rgba(255,255,255,.7);
    --tw-shell-text-active: #FFFFFF;
    --tw-shell-hover: rgba(255,255,255,.08);

    /* 라운딩 */
    --tw-radius: 8px;
    --tw-radius-lg: 12px;
    --tw-radius-xl: 16px;

    /* 행 호버/선택 */
    --tw-row-hover: #FAFBFF;
    --tw-row-selected: #eff6ff;
}

[data-theme="dark"] {
    --tw-bg: #141414;
    --tw-surface: #1E1E1E;
    --tw-surface-alt: #2A2A2A;

    --tw-text-1: #E5E5E5;
    --tw-text-2: #999999;
    --tw-text-3: #666666;

    --tw-border: #2A2A2A;
    --tw-border-strong: #3A3A3A;

    --tw-accent: #60a5fa;
    --tw-accent-hover: #3b82f6;
    --tw-accent-light: rgba(59,130,246,.12);

    --tw-success-bg: rgba(34,197,94,.1);
    --tw-warning-bg: rgba(245,158,11,.1);
    --tw-error-bg: rgba(220,38,38,.1);

    --tw-shell-bg: #0A0A0A;
    --tw-shell-text: rgba(255,255,255,.5);
    --tw-shell-text-active: #EEE;
    --tw-shell-hover: rgba(255,255,255,.05);

    --tw-row-hover: rgba(255,255,255,.03);
    --tw-row-selected: rgba(59,130,246,.08);
}