/* ============================================
   THEME VARIABLES — Editorial Luxury Minimal
   출처: design-dna.json
   스타일: Fashion Eyewear, Monochrome, Square-edge
   ============================================ */
:root {
  /* === 브랜드 기본 색상 === */
  --theme-primary:        #0A0A0A;
  --theme-primary-hover:  #333333;
  --theme-primary-light:  #F7F7F7;
  --theme-primary-mid:    #555555;
  --theme-primary-border: #E8E8E8;

  /* === Alpha variants === */
  --theme-primary-alpha-10: rgba(10, 10, 10, 0.10);
  --theme-primary-alpha-25: rgba(10, 10, 10, 0.25);
  --theme-primary-alpha-50: rgba(10, 10, 10, 0.50);
  --theme-overlay:          rgba(0, 0, 0, 0.55);
  --theme-overlay-light:    rgba(0, 0, 0, 0.15);

  /* === 회색 팔레트 === */
  --theme-gray-900: #0A0A0A;
  --theme-gray-700: #333333;
  --theme-gray-500: #555555;
  --theme-gray-400: #999999;
  --theme-gray-300: #CCCCCC;
  --theme-gray-200: #E8E8E8;
  --theme-gray-150: #F0F0F0;
  --theme-gray-100: #F7F7F7;
  --theme-gray-50:  #FAFAFA;

  /* === 배경 / 테두리 === */
  --theme-bg:           #FFFFFF;
  --theme-bg-surface:   #F7F7F7;
  --theme-bg-muted:     #F0F0F0;
  --theme-border:       #E8E8E8;
  --theme-border-light: #F0F0F0;

  /* === 시맨틱 변수 === */
  --theme-text-primary:   #1A1A1A;
  --theme-text-secondary: #555555;
  --theme-text-muted:     #999999;
  --theme-text-inverse:   #FFFFFF;
  --theme-bg-white:       #FFFFFF;
  --theme-bg-dark:        #0A0A0A;

  /* === 폰트 === */
  --theme-font-display: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --theme-font-body:    'Inter', 'Pretendard', 'Noto Sans KR', sans-serif;

  /* === 형태 === */
  --theme-radius-card:  0;
  --theme-radius-btn:   0;
  --theme-radius-input: 0;
  --theme-radius-sm:    2px;
  --theme-radius-md:    4px;
  --theme-radius-pill:  9999px;

  /* === 그림자 === */
  --theme-shadow-xs:    0 1px 2px rgba(0, 0, 0, 0.06);
  --theme-shadow-sm:    0 2px 8px rgba(0, 0, 0, 0.08);
  --theme-shadow-md:    0 4px 16px rgba(0, 0, 0, 0.10);
  --theme-shadow-hover: 0 6px 24px rgba(0, 0, 0, 0.14);

  /* === 여백 === */
  --theme-max-width:        1320px;
  --theme-nav-height:       60px;
  --theme-section-y:        6rem;
  --theme-section-y-mobile: 4rem;
  --theme-card-gap:         1.5rem;
  --theme-card-gap-sm:      0.75rem;

  /* === 애니메이션 === */
  --theme-easing-default: cubic-bezier(0.4, 0, 0.2, 1);
  --theme-easing-out:     cubic-bezier(0, 0, 0.2, 1);
  --theme-easing-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --theme-duration-fast:  150ms;
  --theme-duration-base:  250ms;
  --theme-duration-slow:  400ms;
  --theme-transition:     0.25s cubic-bezier(0.4, 0, 0.2, 1);

  /* === 타이포그래피 트래킹 === */
  --theme-tracking-label:  0.12em;
  --theme-tracking-nav:    0.08em;
  --theme-tracking-btn:    0.10em;
  --theme-tracking-wide:   0.15em;
}