/* =====================================================
   tokens.css — 디자인 토큰 단일 소스(Single Source of Truth)
   브랜드 색이 index.html / style.css / 페이지별 :root 로 갈라져
   파란색이 #2E55C8 · #1E88BE · #176E9C · #328FE1 로 어긋났던 문제를
   여기 한 곳으로 모아 통일한다.

   설계 결정 (2026-06-05):
   - 솔리드(버튼·링크·eyebrow·상태)  = 밝은 스카이블루  #328FE1
   - 그라데이션(히어로·아이콘 칩)      = 인디고→시안 깊이 #2E55C8 → #4DB8D4
   ===================================================== */

:root {
  /* ---- 브랜드 솔리드 ---- */
  --brand:        #328FE1;   /* 메인 — 버튼/링크/eyebrow */
  --brand-d:      #1F6DB8;   /* hover / 진한 상태 */
  --brand-l:      #5EA8E8;   /* 밝은 틴트 (다크 위 강조) */
  --brand-soft:   rgba(50,143,225,.08);
  --brand-rgb:    50,143,225;

  /* ---- 그라데이션 ---- */
  --grad-from:    #2E55C8;   /* 인디고 시작 */
  --grad-to:      #4DB8D4;   /* 시안 끝 */
  --hero-anchor:  #1E3FA8;   /* 히어로 딥 앵커 */
  --grad-brand:   linear-gradient(135deg, var(--grad-from) 0%, var(--grad-to) 100%);

  /* ---- 보조 ---- */
  --accent:       #4DB8D4;   /* = grad-to, 단독 강조 */

  /* =====================================================
     호환 별칭 — style.css 는 --c-primary 계열 네이밍을 쓰므로
     같은 값을 가리키게 묶어 한 곳에서만 색을 바꾸면 되도록 한다.
     ===================================================== */
  --c-primary:     var(--brand);
  --c-primary-d:   var(--brand-d);
  --c-primary-l:   var(--brand-l);
  --c-accent:      var(--brand);
  --c-accent-d:    var(--brand-d);
  --c-accent-bright: var(--brand-l);
  --c-blue:        var(--brand);
}