/* GMMT 브랜드 강조색
 *
 * Blockscout 기본 파랑(#63B3ED 계열)을 GMMT 브랜드 청록으로 바꾼다.
 * Blockscout 을 포크하거나 다시 빌드하지 않는다 — Chakra 가 색을 CSS 변수로
 * 정의해 두었기 때문에, 그 변수만 덮어쓰면 된다.
 *
 * 원리: Chakra 의 정의는 `@layer tokens` 안에 있다. 레이어 밖의 규칙이
 *       레이어 안의 규칙을 이기므로, 이 파일은 선택자 경쟁 없이 적용된다.
 *
 * 넣는 방법: nginx 가 Blockscout HTML 의 </head> 앞에 이 파일을 끼워 넣는다
 *           (`sub_filter`). 설정은 proxy/explorer-fix.conf.template 참고.
 *
 * 색 출처: 공식 로고 SVG 의 그라데이션 값 (#036EB8 · #21A4B6 · #217C73 · #63BBD8)
 */

html, .chakra-theme, html.dark, html.light {
  /* 파랑 계열 전체를 청록 계열로 교체 — 버튼·배지·탭·차트가 모두 이걸 따라온다 */
  --chakra-colors-blue-50:  #E7F7FA;
  --chakra-colors-blue-100: #C3ECF3;
  --chakra-colors-blue-200: #95DEE9;
  --chakra-colors-blue-300: #63BBD8;
  --chakra-colors-blue-400: #35B0C4;
  --chakra-colors-blue-500: #21A4B6;
  --chakra-colors-blue-600: #1B8899;
  --chakra-colors-blue-700: #17707E;
  --chakra-colors-blue-800: #145A66;
  --chakra-colors-blue-900: #10454E;
  --chakra-colors-blue-950: #0A2B31;

  --chakra-colors-blue-fg:         #63BBD8;
  --chakra-colors-blue-solid:      #1B8899;
  --chakra-colors-blue-subtle:     #10454E;
  --chakra-colors-blue-muted:      #145A66;
  --chakra-colors-blue-emphasized: #17707E;
  --chakra-colors-blue-focus-ring: #21A4B6;

  --chakra-colors-badge-blue-bg: #145A66;
  --chakra-colors-badge-blue-fg: #C3ECF3;
}

/* 링크색은 배경에 따라 달라야 읽힌다 — 어두운 배경엔 밝은 청록, 밝은 배경엔 진한 청록 */
html.dark {
  --chakra-colors-link-primary:       #63BBD8;   /* 어두운 배경 대비 약 8:1 */
  --chakra-colors-link-primary-hover: #35B0C4;
}
html.light {
  --chakra-colors-link-primary:       #12798C;   /* 흰 배경 대비 약 4.6:1 (AA 통과) */
  --chakra-colors-link-primary-hover: #0E6070;
}