/* ============================================================
   base.css — :root 디자인 토큰, 리셋, body 기본 스타일
   모든 페이지에서 공통으로 로드
   ============================================================ */

/* ── Google Fonts: Pretendard + Roboto Mono ── */
@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=Roboto+Mono:wght@400;500;600;700&display=swap');

:root {
  --bg:       #0a0a0b;
  --widget:   #141517;
  --border:   #2d3139;
  --purple:   #7e57c2;
  --blue:     #0091ea;
  --green:    #00e676;
  --red:      #ff1744;
  --yellow:   #ffea00;
  --text:     #ffffff;
  --text-sub: #90a4ae;
  
  /* 폰트 체계 */
  --font-main: 'Pretendard', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: 'Roboto Mono', 'Courier New', monospace;
  
  /* 폰트 크기 체계 (가시성 향상) */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-lg:   17px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  32px;
  --text-4xl:  40px;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  margin: 0;
  padding: 0;
  background-color: var(--bg);
  color: var(--text);
  font-family: var(--font-main);
  font-size: var(--text-base);
  line-height: 1.6;
  font-weight: 400;
  width: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 색상 유틸리티 클래스 */
.c-red   { color: var(--red);   text-shadow: 0 0 5px rgba(255, 23, 68, 0.6); }
.c-green { color: var(--green); }
.c-blue  { color: var(--blue);  }