/*
Theme Name: Gohyeon English Academy Child
Theme URI: https://example.com/gohyeon-english
Description: 고현영어아카데미(초·중등 프리미엄 영어전문) 전용 차일드 테마. 원생 숙제 확인/제출 센터, 네이버 톡톡, 네이버 지도 API v3, 네이버 스마트플레이스 예약 및 서치어드바이저 SEO 완벽 연동.
Author: Gohyeon English Academy Web Team
Author URI: https://example.com
Template: hello-elementor
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: academy-child
*/

/* ==========================================================================
   Base Design Tokens (Creverse Premium Aesthetic)
   ========================================================================== */
:root {
  --color-primary-navy: #0A192F;
  --color-primary-deep: #0D2240;
  --color-brand-blue: #1E40AF;
  --color-brand-cyan: #0EA5E9;
  --color-accent-gold: #F59E0B;
  --color-accent-gold-hover: #D97706;
  --color-naver-green: #03C75A;
  --color-naver-green-hover: #02b150;
  --color-bg-light: #F8FAFC;
  --color-bg-white: #FFFFFF;
  --color-text-main: #1E293B;
  --color-text-muted: #64748B;
  --color-border: #E2E8F0;
  --color-card-bg: #FFFFFF;
  
  --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans KR', sans-serif;
  --font-heading: 'Pretendard', 'Montserrat', sans-serif;
  
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(10, 25, 47, 0.08);
  --shadow-lg: 0 12px 32px rgba(10, 25, 47, 0.12);
  --shadow-xl: 0 20px 48px rgba(10, 25, 47, 0.16);
  --shadow-gold: 0 8px 24px rgba(245, 158, 11, 0.35);
  --shadow-naver: 0 8px 24px rgba(3, 199, 90, 0.35);
  
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Reset & Global Settings */
body {
  font-family: var(--font-sans);
  color: var(--color-text-main);
  background-color: var(--color-bg-light);
  line-height: 1.6;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *::before, *::after {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition-fast);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}