/**
 * POSTECH 색상 가이드
 * 참조: https://sites.postech.ac.kr/guide/gui/GUI0401.do
 * 
 * 이 파일은 POSTECH 공식 색상 가이드를 기반으로 작성되었습니다.
 * 모든 색상은 CSS 변수로 정의되어 있어 일관성 있게 사용할 수 있습니다.
 */

:root {
  /* ============================================
     POSTECH 메인 컬러 (MAIN COLOR)
     ============================================ */
  
  /* POSTECH Red - Pantone 215C */
  --postech-red: #A61955;
  --postech-red-rgb: 166, 25, 85;
  --postech-red-pantone: 215C;
  
  /* ============================================
     POSTECH 서브 컬러 (SUB COLOR)
     ============================================ */
  
  /* POSTECH Orange - Pantone 130C */
  --postech-orange: #F6A700;
  --postech-orange-rgb: 246, 167, 0;
  --postech-orange-pantone: 130C;
  
  /* POSTECH Gold - Pantone 872C */
  --postech-gold: #DABB65;
  --postech-gold-rgb: 218, 187, 101;
  --postech-gold-pantone: 872C;
  
  /* POSTECH Gray - Pantone 404C */
  --postech-gray: #7A7772;
  --postech-gray-rgb: 122, 119, 114;
  --postech-gray-pantone: 404C;
  
  /* POSTECH Silver - Pantone 877C */
  --postech-silver: #8B8D8F;
  --postech-silver-rgb: 139, 141, 143;
  --postech-silver-pantone: 877C;
  
  /* ============================================
     그레이스케일 (GRAYSCALE)
     ============================================ */
  
  --color-black: #000000;
  --color-dark-gray: #333333;
  --color-medium-gray: #666666;
  --color-light-gray: #CCCCCC;
  --color-white: #FFFFFF;
  
  /* ============================================
     유틸리티 색상 (Utility Colors)
     ============================================ */
  
  /* 성공/에러/경고/정보 */
  --color-success: #28a745;
  --color-error: #dc3545;
  --color-warning: var(--postech-orange);
  --color-info: #17a2b8;
  
  /* 투명도가 적용된 색상 */
  --postech-red-light: rgba(166, 25, 85, 0.1);
  --postech-red-medium: rgba(166, 25, 85, 0.5);
  --postech-red-dark: rgba(166, 25, 85, 0.9);
  
  --postech-orange-light: rgba(246, 167, 0, 0.1);
  --postech-orange-medium: rgba(246, 167, 0, 0.5);
  --postech-orange-dark: rgba(246, 167, 0, 0.9);
  
  /* ============================================
     시맨틱 색상 (Semantic Colors)
     ============================================ */
  
  /* 기본 텍스트 색상 */
  --text-primary: var(--color-dark-gray);
  --text-secondary: var(--postech-gray);
  --text-muted: var(--postech-silver);
  --text-inverse: var(--color-white);
  
  /* 링크 색상 */
  --link-color: var(--postech-red);
  --link-hover: var(--postech-orange);
  --link-visited: var(--postech-red-dark);
  
  /* 배경 색상 */
  --bg-primary: var(--color-white);
  --bg-secondary: var(--color-light-gray);
  --bg-accent: var(--postech-red);
  --bg-dark: var(--postech-gray);
  
  /* 테두리 색상 */
  --border-color: var(--color-light-gray);
  --border-color-dark: var(--postech-gray);
  
  /* 버튼 색상 */
  --btn-primary-bg: var(--postech-red);
  --btn-primary-color: var(--color-white);
  --btn-primary-hover: var(--postech-red-dark);
  
  --btn-secondary-bg: var(--postech-orange);
  --btn-secondary-color: var(--color-white);
  --btn-secondary-hover: var(--postech-orange-dark);
  
  --btn-outline-border: var(--postech-red);
  --btn-outline-color: var(--postech-red);
  --btn-outline-hover-bg: var(--postech-red);
  --btn-outline-hover-color: var(--color-white);
}

/* ============================================
   다크 모드 지원 (선택사항)
   ============================================ */

@media (prefers-color-scheme: dark) {
  :root {
    --text-primary: #E0E0E0;
    --text-secondary: #B0B0B0;
    --bg-primary: #1A1A1A;
    --bg-secondary: #2A2A2A;
    --border-color: #404040;
  }
}

/* ============================================
   색상 유틸리티 클래스
   ============================================ */

/* 텍스트 색상 */
.text-postech-red { color: var(--postech-red); }
.text-postech-orange { color: var(--postech-orange); }
.text-postech-gold { color: var(--postech-gold); }
.text-postech-gray { color: var(--postech-gray); }
.text-postech-silver { color: var(--postech-silver); }

/* 배경 색상 */
.bg-postech-red { background-color: var(--postech-red); }
.bg-postech-orange { background-color: var(--postech-orange); }
.bg-postech-gold { background-color: var(--postech-gold); }
.bg-postech-gray { background-color: var(--postech-gray); }
.bg-postech-silver { background-color: var(--postech-silver); }

/* 링크 색상 */
.link-postech-red { color: var(--postech-red); }
.link-postech-red:hover { color: var(--postech-orange); }