/* =============================================================================
   창신대학교 포털 공용 디자인 토큰 — cs-sugang(학생 수강신청) 전달본
   -----------------------------------------------------------------------------
   원본(단일 출처) : cs-prof  frontend/src/theme/theme.css
   생성            : backend/scripts/gen-sugang-tokens.ts
   버전            : 2026-08-11
   범위            : 주간(light) 세트만. 교직원 업무 전용 토큰(개발지도·제출현황·셸 메뉴)은 제외.

   쓰는 법
     1) 이 파일을 프로젝트에 두고 **가장 먼저** 불러온다(다른 CSS 보다 앞).
        <link rel="stylesheet" href="/css/sugang-tokens.css">
     2) 값을 직접 쓰지 말고 변수로 쓴다.
        .btn-primary { background: var(--wp-primary); color: var(--wp-on-navy); }
     3) 🔴**hex 를 화면에 하드코딩하지 않는다.** 색을 바꿀 때 한 곳만 고치면 되도록.

   갱신
     원본이 바뀌면 cs-prof 에서 이 스크립트를 다시 돌려 **파일째 교체**한다(부분 수정 금지).
     버전(위 날짜)이 다르면 갈라진 것이다.
   ============================================================================= */
:root {
  --wp-primary: #2563eb;
  --wp-primary-hover: #1d4ed8;
  --wp-primary-active: #1e40af;

  --wp-navy-top: #0d2358;
  --wp-navy-from: #16327e;
  --wp-navy-to: #1e49b6;

  --wp-bg: #eef2f8;
  --wp-card: #ffffff;
  --wp-card-border: #e6ecf5;
  --wp-divider: #eef2f7;
  --wp-surface: #f7f9fc;       /* 살짝 떠 있는 표면(카드 내부 박스·로그) */
  --wp-surface-2: #f1f5fb;     /* 표 헤더 등 더 진한 표면 */
  --wp-surface-hover: #eaf2ff; /* 행/항목 hover */

  --wp-text: #1f2937;
  --wp-text-secondary: #64748b;
  --wp-text-muted: #94a3b8;
  --wp-text-strong: #0f172a;
  --wp-on-navy: #ffffff;
  --wp-on-navy-dim: #c7d2fe;

  --wp-danger: #ef4444;
  --wp-success: #16a34a;
  --wp-warn: #d97706;

  /* 표(리스트) */
  --wp-th-bg: #f1f5fb;
  --wp-row-sel: #dbe9ff;
  --wp-row-sel-hover: #cfe1ff;
  --wp-row-hover: #e6f0ff;
  --wp-grid-line: rgba(15, 23, 42, 0.07);
  --wp-border-soft: #e2e8f0;
}