/* 디자인 토큰 — 여러 페이지에서 공통으로 쓸 변수 */

:root {
  --gap: 1rem;
  --section-gap: 20px;

  /* 고정 상단 레이아웃 */
  --ticker-height: 2.625rem;
  --header-height: 4.75rem;
  --sticky-top-offset: calc(var(--ticker-height) + var(--header-height));

  --list-line: rgba(0, 0, 0, 0.92);
  --cell-bg: #ffffff;
  --cell-bg-hover: #f5f5f5;

  --surface-glass-strong: rgba(255, 255, 255, 0.96);
  --surface-glass-soft: rgba(255, 255, 255, 0.94);
  --border-subtle: rgba(0, 0, 0, 0.92);
}
