/*
Theme Name:  RankON
Theme URI:   https://akeep.co.kr
Author:      랭크온
Author URI:  https://akeep.co.kr
Description: 랭크온 SEO 컨설팅 워드프레스 클래식 테마 — 구글·네이버·해외 구글 3축 맞춤 대응
Version:     1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License:     GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rankon
Tags:        seo, consulting, korean, mobile-first, custom-colors
*/

/* ==========================================================================
   디자인 토큰 — CSS 변수 (8-C 확정치 2026-05)
   ========================================================================== */

:root {

  /* ------------------------------------------------------------------
     Surface — 배경 위계
     ------------------------------------------------------------------ */
  --surface-base:   #F6F9FC;   /* 기본 페이지 배경 (눈부심 회피) */
  --surface-raised: #FFFFFF;   /* 카드·박스 (베이스 위 부유) */
  --surface-dark:   #1A2236;   /* 다크 강조 (히어로·CTA·푸터) */

  /* ------------------------------------------------------------------
     Text — 텍스트 위계
     ------------------------------------------------------------------ */
  --text-primary:   #0A2540;   /* 헤딩 (다크 네이비) */
  --text-secondary: #4A5568;   /* 본문·설명 (부드러운 회색) */
  --text-on-dark:   #FFFFFF;   /* 다크 배경 텍스트 */

  /* ------------------------------------------------------------------
     Interactive — CTA·링크
     ------------------------------------------------------------------ */
  --interactive-primary:          #FF5733;   /* 오렌지 CTA (어디서든 동일) */
  --interactive-secondary-light:  #2563EB;   /* 블루 (라이트 배경 보조·헤딩 강조·링크) */
  --interactive-secondary-dark:   #FFFFFF;   /* 화이트 (다크 배경 보조) */

  /* ------------------------------------------------------------------
     Border — 경계선
     ------------------------------------------------------------------ */
  --border-subtle: #E2E8F0;   /* 카드 경계선·구획선 */

  /* ------------------------------------------------------------------
     Typography
     ------------------------------------------------------------------ */
  --font-body:    'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Pretendard', -apple-system, sans-serif;

  --fs-hero:    clamp(2rem,    5vw, 3.5rem);    /* 32-56px */
  --fs-h2:      clamp(1.5rem,  3vw, 2.25rem);   /* 24-36px */
  --fs-h3:      clamp(1.25rem, 2vw, 1.5rem);    /* 20-24px */
  --fs-body:    1rem;                            /* 16px */
  --fs-caption: 0.875rem;                        /* 14px */

  /* ------------------------------------------------------------------
     Spacing
     ------------------------------------------------------------------ */
  --section-pad-y:  clamp(4rem, 8vw, 8rem);   /* 64-128px */
  --container-max:  1280px;
  --container-pad:  1.5rem;

  /* ------------------------------------------------------------------
     Visual — 반경·그림자
     ------------------------------------------------------------------ */
  --header-h: calc(88px + var(--safe-area-top, 0px));   /* inner 88px + 노치 safe-area */

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow-sm: 0 1px 2px  rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);

  /* ------------------------------------------------------------------
     반응형 브레이크포인트 — 참조용 (8-D 확정치)
     실제 @media 규칙은 main.css 에서 사용
     768px  = 태블릿
     1024px = 데스크톱
     1280px = 대형 데스크톱
     ------------------------------------------------------------------ */
}