/* ============================================================
   2026 대전 첨단로봇 커넥트 — 공통 디자인 토큰 + 베이스 리셋
   전 공개 페이지(index·info·partners·resources) 공유 단일 출처.
   값/역할 설명은 DESIGN-SYSTEM.md 참조. 페이지별 인라인 <style>은
   이 파일 뒤에 로드되므로, 페이지 고유 규칙이 필요하면 그대로 오버라이드된다.
   ============================================================ */
:root {
  /* 모션 */
  --easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --duration: 0.4s;

  /* 색상 — 표면·텍스트 (slate 계열) */
  --bg-primary:     #ffffff;
  --bg-elevated:    #f5f7fa;   /* 카드/표면 살짝 회색톤 */
  --text-primary:   #0a0e1a;   /* 거의 검정에 푸른빛 */
  --text-secondary: #475569;   /* slate-600 */
  --text-tertiary:  #94a3b8;   /* slate-400 */
  --text-on-dark:   #ffffff;   /* 다크/네이비 위 텍스트 */
  --divider:        #e2e8f0;   /* slate-200 */
  --divider-strong: #cbd5e1;   /* slate-300 */

  /* 브랜드 — 로고 기반 네이비·레드 (발주처 확정, 보라 폐기) */
  --brand-gradient: linear-gradient(135deg, #0D3949 0%, #0D3949 52%, #6e2030 82%, #D61619 100%);
  --brand-primary:  #0D3949;   /* 네이비 — 단색 fallback·보도 */
  --brand-accent:   #D61619;   /* 레드 — 호버/액티브/포인트·신청 */
  --brand-deep:     #0D3949;   /* 네이비 잉크 — 기본 버튼·텍스트 단색 */

  /* legacy aliases (기존 코드 호환용 — 신규 코드는 사용 금지) */
  --brand-yellow:  var(--brand-primary);
  --text-disabled: var(--text-tertiary);

  /* 레이아웃·스페이싱 */
  --padding-x:     clamp(20px, 4vw, 64px);
  --section-pad-y: clamp(80px, 12vh, 140px);
  --container-max: 1280px;     /* 모든 페이지·섹션·메뉴·푸터 공통 콘텐츠 최대 폭 */
  --nav-h:         64px;       /* 글로벌 nav 높이 — sticky bar들이 참조 */
  --font-twk: -apple-system, BlinkMacSystemFont, "Pretendard", "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }