/*
 * 고패들(GO PADDLE) 디자인 토큰
 * 단일 출처: docs/brand/GOPADDLE_BRAND.md — 값이 바뀌면 그 문서를 먼저 고친다.
 * KSUPA(연맹) 색과 섞지 않는다.
 */
:root {
  /* 기본 3색 [확정] */
  --gp-red:      #E90044;  /* 브랜드의 얼굴. 헤드라인·강조. 배경으로 쓰면 흰 글씨만 */
  --gp-blue:     #50C0E8;  /* 면적·띠·배경 전용 — 글씨색 아님 */
  --gp-yellow:   #FFF685;  /* 하이라이트·배지 배경 전용 — 글씨색 아님 */

  /* 보조 3색 [확정] */
  --gp-deep-red: #A90D3C;  /* 작은 강조 글씨·링크 */
  --gp-violet:   #7F38B2;  /* 두 번째 강조·카테고리 구분 */
  --gp-gray:     #C5C7C7;  /* 구분선·표 테두리 — 글씨색 아님 */

  /* 실무 보완 [승인 필요] */
  --gp-ink:      #1A1A1A;  /* 본문 기본 글씨 */
  --gp-ink-sub:  #6B6660;  /* 캡션·출처·날짜 */
  --gp-ivory:    #FFFDE5;  /* 인쇄물·카드뉴스 바탕 */
  --gp-white:    #FFFFFF;  /* 웹·뉴스레터 바탕 */

  /* 글꼴 */
  --gp-font: "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Noto Sans KR", sans-serif;
  --gp-w-bold: 900;
  --gp-w-semibold: 700;
  --gp-w-regular: 400;

  /* 간격 — 8의 배수 */
  --gp-space-1: 8px;
  --gp-space-2: 16px;
  --gp-space-3: 24px;
  --gp-space-4: 32px;
  --gp-space-6: 48px;
  --gp-space-8: 64px;

  /* 모양 */
  --gp-radius: 12px;          /* 1080 캔버스에서는 24px */
  --gp-radius-canvas: 24px;
  --gp-divider: 1px solid var(--gp-gray);
  --gp-accent-line: 4px;      /* 옐로·블루 포인트 라인 (4~6px) */
}

/* 기본 조판 */
.gp-body {
  font-family: var(--gp-font);
  color: var(--gp-ink);
  background: var(--gp-white);
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: -0.01em;
}

/* 뉴스레터 위계 (본문 폭 600px) */
.gp-issue-title   { font-size: 28px; font-weight: var(--gp-w-bold);     letter-spacing: -0.03em; }
.gp-section-title { font-size: 20px; font-weight: var(--gp-w-semibold); }
.gp-text          { font-size: 16px; line-height: 1.7; color: var(--gp-ink); }
.gp-source        { font-size: 13px; color: var(--gp-ink-sub); }

/* 카드뉴스 위계 (1080px 캔버스) */
.gp-card-title    { font-size: 72px; font-weight: var(--gp-w-bold);     letter-spacing: -0.04em; color: var(--gp-red); }
.gp-card-sub      { font-size: 48px; font-weight: var(--gp-w-semibold); letter-spacing: -0.03em; color: var(--gp-deep-red); }
.gp-card-text     { font-size: 36px; line-height: 1.6; color: var(--gp-ink); }
.gp-card-caption  { font-size: 28px; color: var(--gp-ink-sub); }

/* 부품 */
.gp-bar-red    { background: var(--gp-red); color: #fff; }              /* 레드 위에는 흰 글씨만 */
.gp-badge      { background: var(--gp-yellow); color: var(--gp-ink);
                 border-radius: 999px; padding: 2px 10px;
                 font-size: 12px; font-weight: var(--gp-w-semibold); }  /* 옐로 위에는 검정 글씨 */
.gp-line-blue  { border-top: var(--gp-accent-line) solid var(--gp-blue); }
.gp-line-yellow{ border-top: var(--gp-accent-line) solid var(--gp-yellow); }
.gp-link       { color: var(--gp-deep-red); }