/**
 * /app/assets/css/base/tokens.css — KDCA 공통 디자인 토큰 (단계-33)
 *
 * 사용자 전략 (2026-05-29):
 *   "페이지마다 CSS를 준비 → 나중에 공통 추출 + 페이지별 차이는 별도 CSS"
 *
 * 본 파일 = 공통 토큰 (변수만, 컴포넌트 X)
 * 각 페이지 = pages/{name}.css (디자인 보존용 독립)
 * 추후 완전 안정 후 → utilities.css 추출 가능
 */

:root {
    /* 브랜드 컬러 */
    --kdca-red: #e41b45;
    --kdca-red-dark: #b8163a;
    --kdca-red-light: #ff4a6e;
    --kdca-grad-brand: linear-gradient(135deg, #e41b45 0%, #b8163a 100%);
    --kdca-grad-hero: linear-gradient(135deg, #e41b45 0%, #ff6b6b 100%);

    /* 그레이 스케일 */
    --kdca-gray-50: #fafbfc;
    --kdca-gray-100: #f5f6f8;
    --kdca-gray-200: #e8eaed;
    --kdca-gray-300: #d0d4d9;
    --kdca-gray-400: #9aa0a6;
    --kdca-gray-500: #6c7177;
    --kdca-gray-700: #3c4043;
    --kdca-gray-800: #2a2e33;
    --kdca-gray-900: #1a1d20;

    /* 상태 컬러 */
    --kdca-success: #0a6;
    --kdca-info: #055a96;
    --kdca-warning: #9a5a00;
    --kdca-danger: #b8163a;

    /* 표면 */
    --kdca-bg: #fafbfc;
    --kdca-surface: #fff;
    --kdca-text: #1a1d20;
    --kdca-text-muted: #6c7177;
    --kdca-border: #e8eaed;

    /* 그림자 */
    --kdca-shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --kdca-shadow-sm: 0 2px 6px rgba(0,0,0,0.06);
    --kdca-shadow-md: 0 4px 16px rgba(0,0,0,0.08);
    --kdca-shadow-lg: 0 8px 32px rgba(0,0,0,0.12);

    /* 반경 */
    --kdca-radius-sm: 4px;
    --kdca-radius-md: 8px;
    --kdca-radius-lg: 12px;

    /* 타이포 */
    --kdca-font: 'Noto Sans KR', 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
    --kdca-font-mono: 'JetBrains Mono', 'Cascadia Code', Consolas, monospace;
    --kdca-text-xs: 11px;
    --kdca-text-sm: 12px;
    --kdca-text-base: 13px;
    --kdca-text-md: 14px;
    --kdca-text-lg: 16px;
    --kdca-text-xl: 20px;
    --kdca-text-2xl: 24px;
    --kdca-text-3xl: 28px;

    /* 트랜지션 */
    --kdca-trans: 0.18s cubic-bezier(.4,0,.2,1);
    --kdca-trans-slow: 0.35s cubic-bezier(.4,0,.2,1);

    /* 레이아웃 */
    --kdca-container-max: 1280px;
    --kdca-container-pad: 20px;
    --kdca-sidebar-w: 220px;
    --kdca-header-h: 64px;
}

/* 다크 모드 토큰 */
[data-theme="dark"] {
    --kdca-bg: #0d1117;
    --kdca-surface: #1a1d20;
    --kdca-text: #e6edf3;
    --kdca-text-muted: #9aa0a6;
    --kdca-border: #2a2e33;
    --kdca-gray-50: #0d1117;
    --kdca-gray-100: #1a1d20;
    --kdca-gray-200: #2a2e33;
    --kdca-gray-300: #3c4043;
    --kdca-gray-700: #c9d1d9;
    --kdca-gray-900: #e6edf3;
}

/* 기본 reset (선택) */
.kdca-reset * { box-sizing: border-box; }
.kdca-reset a { color: var(--kdca-red); text-decoration: none; transition: color var(--kdca-trans); }
.kdca-reset a:hover { color: var(--kdca-red-dark); }