/* =============================================
   variables.css — 디자인 토큰 (색상, 폰트, 간격)
   ============================================= */

:root {
  /* 수시 (보라) */
  --susi-50:  #EEEDFE;
  --susi-600: #534AB7;
  --susi-800: #3C3489;

  /* 정시 (파랑) */
  --jeongsi-50:  #E6F1FB;
  --jeongsi-600: #185FA5;
  --jeongsi-800: #0C447C;

  /* 강조 (황금) */
  --amber-50:  #FAEEDA;
  --amber-600: #854F0B;
  --amber-800: #633806;

  /* 성공 (청록) */
  --teal-50:  #E1F5EE;
  --teal-600: #0F6E56;

  /* 배경 */
  --bg-primary:   #FFFFFF;
  --bg-secondary: #F8F9FC;
  --bg-tertiary:  #F0F3F9;

  /* 텍스트 */
  --text-primary:   #111827;
  --text-secondary: #6B7280;
  --text-light:     #9CA3AF;

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

  /* 폰트 */
  --font-sans: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;

  /* 간격 */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* 그림자 */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);

  /* 레이아웃 */
  --max-width: 1100px;
  --nav-height: 60px;
}