/**
 * Asera 디자인 토큰 시스템
 * 
 * Scribe 스킨의 레이아웃 패턴을 참고하되,
 * Asera 디자인 시스템의 색상/타이포그래피로 재구현
 */

:root {
  /* ========================================
     색상 토큰 (Asera Design System)
     ======================================== */
  
  /* Primary: Executive Legal Navy (65% weight) */
  --asera-primary: #1A3F5F;
  --asera-primary-50: #F0F4F7;
  --asera-primary-100: #D9E3EA;
  --asera-primary-600: #153248;
  --asera-primary-700: #102631;
  
  /* Secondary: Teal Executive (35% weight) */
  --asera-secondary: #2F7F77;
  --asera-secondary-50: #F0F8F7;
  --asera-secondary-100: #D9EDEA;
  --asera-secondary-600: #26665F;
  
  /* Accent: Soft automation mint */
  --asera-accent: #B5F0E8;
  --asera-accent-50: #F5FCFB;
  
  /* Surface: Premium neutral */
  --asera-surface: #F9FAFB;
  --asera-surface-50: #FFFFFF;
  --asera-surface-100: #F9FAFB;
  --asera-surface-200: #F3F4F6;
  --asera-surface-300: #E5E7EB;
  
  /* Border: Precision line */
  --asera-border: #E5E7EB;
  --asera-border-light: #F3F4F6;
  --asera-border-dark: #D1D5DB;
  
  /* Text: Authority black / Calm grey */
  --asera-text-primary: #111827;
  --asera-text-secondary: #4B5563;
  --asera-text-tertiary: #6B7280;
  --asera-text-disabled: #9CA3AF;
  
  /* ========================================
     타이포그래피 토큰
     ======================================== */
  
  /* Font Family */
  --asera-font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  
  /* Font Sizes */
  --asera-font-size-base: 18px;
  --asera-font-size-h1: 40px;
  --asera-font-size-h1-mobile: 36px;
  --asera-font-size-h2: 34px;
  --asera-font-size-h2-mobile: 28px;
  --asera-font-size-h3: 24px;
  --asera-font-size-h3-mobile: 20px;
  --asera-font-size-h4: 19px;
  --asera-font-size-button: 16px;
  --asera-font-size-nav: 13px;
  --asera-font-size-small: 14px;
  
  /* Font Weights */
  --asera-font-weight-normal: 400;
  --asera-font-weight-medium: 500;
  --asera-font-weight-semibold: 600;
  
  /* Line Heights */
  --asera-line-height-tight: 1.25;
  --asera-line-height-normal: 1.5;
  --asera-line-height-relaxed: 1.6;
  
  /* Letter Spacing */
  --asera-letter-spacing-tight: -0.025em;
  --asera-letter-spacing-normal: 0;
  --asera-letter-spacing-wide: 0.05em;
  --asera-letter-spacing-wider: 0.1em;
  
  /* ========================================
     레이아웃 토큰
     ======================================== */
  
  /* Container */
  --asera-container-width: 1200px;
  --asera-container-padding-desktop: 30px;
  --asera-container-padding-mobile: 24px;
  
  /* Spacing (Scribe 패턴 기반) */
  --asera-spacing-xs: 8px;
  --asera-spacing-sm: 16px;
  --asera-spacing-md: 24px;
  --asera-spacing-lg: 30px;
  --asera-spacing-xl: 50px;
  --asera-spacing-2xl: 80px;
  
  /* Header (Scribe 패턴) */
  --asera-header-padding-desktop: 8px 32px;
  --asera-header-padding-mobile: 16px 32px;
  
  /* Content Area (Scribe 패턴) */
  --asera-content-padding-desktop: 80px 30px 50px 30px;
  --asera-content-padding-mobile: 16px 24px;
  
  /* Sidebar */
  --asera-sidebar-margin: 30px;
  
  /* Navigation */
  --asera-nav-item-padding: 16px;
  --asera-nav-submenu-width: 160px;
  --asera-nav-submenu-padding: 16px;
  
  /* Post Spacing */
  --asera-post-spacing: 50px;
  
  /* Border Radius */
  --asera-radius-sm: 4px;
  --asera-radius-md: 8px; /* Cards */
  --asera-radius-lg: 12px;
  --asera-radius-xl: 20px; /* Badges */
  
  /* Shadows */
  --asera-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --asera-shadow-md: 0 3px 12px rgba(20, 24, 36, 0.06);
  --asera-shadow-lg: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  
  /* Transitions */
  --asera-transition-fast: 120ms;
  --asera-transition-normal: 150ms;
  --asera-transition-slow: 160ms;
  --asera-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Breakpoints */
  --asera-breakpoint-mobile: 768px;
}

/* ========================================
   GeneratePress Global Colors
   
   ⚠️ 중요: 이 변수들은 functions.php에서 동적으로 주입됩니다!
   사용자가 Customizer > 색상에서 변경한 값이 적용됩니다.
   
   여기서 하드코딩하면 사용자 설정을 덮어쓰게 됩니다.
   
   동적 주입 변수 목록:
   - --contrast (Customizer: Contrast)
   - --contrast-2 (Customizer: Contrast 2)
   - --contrast-3 (Customizer: Contrast 3)
   - --base (Customizer: Base)
   - --base-2 (Customizer: Base 2)
   - --base-3 (Customizer: Base 3)
   - --accent (Customizer: Accent)
   - --accent-2 (Customizer: Accent 2)
   ======================================== */