/* ==========================================================================
   Design Tokens - Metallic Official Navy Edition
   홍익대학교 소프트웨어융합학과 공식 디자인 시스템
   ========================================================================== */

:root {
  /* Brand Identity - Metallic Official Navy & Antique Gold */
  --color-primary: #112240;        /* 묵직한 메탈 오피셜 네이비 */
  --color-primary-dark: #0a192f;   /* 딥 메탈 네이비 (상단바 / 푸터 / 메가메뉴) */
  --color-primary-light: #233554;  /* 스틸 네이비 */
  --color-primary-soft: #f1f5f9;   /* 은은한 쿨 슬레이트 틴트 */
  
  --color-accent: #d97706;         /* 앤틱 골드 / 앰버 액센트 */
  --color-accent-hover: #b45309;
  --color-accent-soft: #fef3c7;
  
  --color-sub: #0284c7;            /* 정보성 서브 블루 */
  --color-sub-soft: #e0f2fe;
  
  --color-success: #059669;
  --color-warning: #eab308;
  --color-danger: #dc2626;

  /* Neutral Scale */
  --color-text-main: #0f172a;      /* 텍스트 본문 */
  --color-text-muted: #475569;     /* 텍스트 서브 */
  --color-text-subtle: #94a3b8;    /* 날짜/캡션 */
  
  --color-bg: #f8fafc;             /* 캠퍼스 캔버스 배경 */
  --color-surface: #ffffff;        /* 카드 및 모달 표면 */
  --color-border: #e2e8f0;         /* 1px 마이크로 라인 */
  --color-border-subtle: #f1f5f9;

  /* Typography */
  --font-family-base: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --font-family-code: "Fira Code", monospace;

  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-base: 15px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 28px;
  --font-size-4xl: 36px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(10, 25, 47, 0.05);
  --shadow-md: 0 4px 12px rgba(10, 25, 47, 0.08);
  --shadow-lg: 0 10px 25px rgba(10, 25, 47, 0.12);
  --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.04);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}
