/* Birdie Live — Design Tokens: Midnight Fairway + Aurora Ticker */
/* ── 폰트 로딩 (전역 집약 — 전 페이지가 tokens.css 1곳에서 상속) ── */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=Inter:wght@400;600;800&display=swap');

:root {
  color-scheme: dark;   /* 네이티브 위젯(number 스피너·date·scrollbar)을 다크 스킴으로 정렬 — #3 */

  /* Background */
  --c-bg:          #08191C;
  --c-surface:     #0E2A28;
  --c-surface-2:   #143A36;
  --c-header-from: #0C2E2A;
  --c-header-to:   #061318;

  /* Text */
  --c-text:       #E8F5EF;
  --c-muted:      #7FA89C;
  --c-dim:        #5C7A72;
  --c-on-primary: #06241B;

  /* Border */
  --c-border:        #1C3A36;
  --c-border-strong: #2A4F49;

  /* Form fields */
  --c-field-bg:     #0E2A28;
  --c-field-border: #2A4F49;

  /* Brand / Accent (Lime) */
  --c-primary:    #B6F09C;
  --c-primary-dk: #8FD97A;

  /* Score — Korean convention: under=red, over=blue */
  --c-under:       #FF5A5F;
  --c-under-on:    #2A0608;
  --c-over:        #4FA8FF;
  --c-over-on:     #04203A;
  --c-even:        #C8DDD5;
  --c-par-chip-bg: #143A36;

  /* Awards (tentative — task #3 will confirm) */
  --c-award-medalist:    #F2C14E;
  --c-award-medalist-bg: #2E2606;
  --c-award-jingum:      #B6F09C;
  --c-award-jingum-bg:   #102A18;
  --c-award-mokgum:      #9B7CFF;
  --c-award-mokgum-bg:   #1C1542;

  /* Ticker / Aurora (reserved — task #4) */
  --c-ticker-bg:          #241A52;
  --c-ticker-border:      #8B5CF6;
  --c-accent-violet:      #8B5CF6;
  --c-accent-cyan:        #22D3EE;
  --c-accent-cyan-bright: #5EE6D6;

  /* Semantic */
  --c-danger:    #FF4D4D;
  --c-danger-dk: #C93A3A;   /* danger hover (37g) — danger보다 한 톤 어둡게 */
  --c-danger-on: #2A0606;
  --c-success:   #5BD9A6;
  --c-warning:   #F2C14E;

  /* Typography — family */
  --font-sans:    'Pretendard', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Pretendard', 'Inter', sans-serif;
  --font-label:   'Archivo', 'Inter', sans-serif;

  /* Typography — scale (BL-27, 14px base, rem 단위로 leaderboard 반응형 자동 비례) */
  --fs-2xs:  0.72rem;  /* 배지 · 태그 · 캡션 · 푸터 */
  --fs-xs:   0.8rem;   /* 보조 텍스트 · 서브타이틀 */
  --fs-sm:   0.9rem;   /* 라벨 · nav · 작은 본문 */
  --fs-base: 1rem;     /* 기본 본문 */
  --fs-md:   1.15rem;  /* 강조 본문 · 소제목 · 헤더 버튼 */
  --fs-lg:   1.3rem;   /* 섹션 타이틀 · 워드마크 · 페이지 타이틀 */
  --fs-xl:   1.5rem;   /* 헤드라인 (모바일) */
  --fs-2xl:  1.85rem;  /* 히어로 (PC, @640px↑) */
}

/* ── 전역 기본 폰트 (페이지가 body font-family를 하드코딩하지 않으면 상속) ── */
body { font-family: var(--font-sans); }

/* ── Form control base ── */
input, textarea, select {
  color: var(--c-text);
  background-color: var(--c-field-bg);
  border: 1px solid var(--c-field-border);
  font-family: var(--font-sans);
}
input::placeholder, textarea::placeholder {
  color: var(--c-dim);
}
input:focus, textarea:focus, select:focus {
  border-color: var(--c-primary);
  box-shadow: 0 0 0 2px rgba(182,240,156,0.18);
  outline: none;
}
/* date picker — ensure text is visible */
input[type=date]::-webkit-datetime-edit,
input[type=date]::-webkit-datetime-edit-fields-wrapper,
input[type=date]::-webkit-datetime-edit-text,
input[type=date]::-webkit-datetime-edit-month-field,
input[type=date]::-webkit-datetime-edit-day-field,
input[type=date]::-webkit-datetime-edit-year-field {
  color: var(--c-text);
}
input[type=date]::-webkit-calendar-picker-indicator {
  cursor: pointer;   /* color-scheme:dark가 인디케이터를 자동으로 밝게 처리 → invert 제거 */
}