/* =====================================================================
   간다GO · PureTouch — Design Tokens (Premium Palette)
   Pretendard 기반. 기존 토큰 시스템을 프리미엄 팔레트로 교체한 버전.
   컴포넌트 오버레이는 style.css 에서 이 토큰을 조합해 사용한다.
   ===================================================================== */

:root {
  /* ---- Base surfaces (black tone) ---- */
  --c-bg-base:      #060708;
  --c-bg-deep:      #000000;
  --c-elev-1:       #0c0e11;
  --c-elev-2:       #121519;
  --c-elev-3:       #191d22;

  /* ---- Card / glass surfaces ---- */
  --c-card:         #101215;
  --c-card-hover:   #171a1f;
  --c-card-border:  rgba(255, 255, 255, 0.10);
  --c-card-border-strong: rgba(255, 255, 255, 0.18);

  /* ---- Accent (premium orange) ---- */
  --c-accent:       #ff7a18;
  --c-accent-hi:    #ff9a44;
  --c-accent-lo:    #ef6109;
  --c-accent-soft:  rgba(255, 122, 24, 0.14);
  --c-accent-glow:  rgba(255, 122, 24, 0.42);

  /* ---- Text (bright, 고대비 · 시인성 우선) ---- */
  --c-text-strong:  #ffffff;
  --c-text:         #e4e8ee;
  --c-text-muted:   #a7b0bd;
  --c-text-faint:   #7c8695;
  --c-on-accent:    #1a0f04;

  /* ---- Semantic ---- */
  --c-line:         rgba(255, 255, 255, 0.09);
  --c-line-2:       rgba(255, 255, 255, 0.14);

  /* ---- Hero 배경 이미지 ---- */
  --hero-bg:        url("/assets/hero.webp");

  /* ---- Gradients / overlays ---- */
  --grad-accent:    linear-gradient(135deg, #ff9a44 0%, #ff7a18 45%, #ef6109 100%);
  --grad-hero:      radial-gradient(1200px 620px at 50% -8%, rgba(255,122,24,0.14), transparent 60%),
                    linear-gradient(180deg, #060708 0%, #000000 100%);
  --scrim-hero:     linear-gradient(180deg, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.66) 55%, var(--c-bg-base) 100%);
  --grad-card:      linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.012) 55%);
  --overlay-inset:  inset 0 1px 0 rgba(255,255,255,0.06);

  /* ---- Radius ---- */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* ---- Shadow ---- */
  --sh-card:  0 18px 44px -20px rgba(0,0,0,0.72);
  --sh-glow:  0 14px 40px -8px var(--c-accent-glow);
  --sh-soft:  0 8px 24px -14px rgba(0,0,0,0.6);

  /* ---- Type ---- */
  --font-sans: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont,
               "Apple SD Gothic Neo", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;

  /* ---- Layout ---- */
  --wrap: 1140px;
  --wrap-narrow: 820px;
}