/* ============================================
   THEME VARIABLES — Clean Real Estate & Architecture
   출처: design-dna.json
   스타일: Clean, Airy, Left-aligned, Geometric
   ============================================ */

:root {
  /* === 브랜드 기본 색상 (Dark Navy 기반) === */
  --theme-primary:        #0F0F2A;
  --theme-primary-dark:   #07071A;
  --theme-primary-light:  #ECEDF5;
  --theme-primary-mid:    #8B8CA8;
  --theme-primary-border: #CDCDD8;

  /* === Alpha variants === */
  --theme-primary-alpha-10: rgba(15, 15, 42, 0.10);
  --theme-primary-alpha-25: rgba(15, 15, 42, 0.25);
  --theme-primary-alpha-50: rgba(15, 15, 42, 0.50);

  /* === 회색 팔레트 === */
  --theme-gray-900: #111111;
  --theme-gray-700: #444444;
  --theme-gray-500: #666666;
  --theme-gray-400: #999999;
  --theme-gray-300: #CCCCCC;
  --theme-gray-200: #E8E8E8;
  --theme-gray-100: #F4F4F4;
  --theme-gray-50:  #F9F9F9;

  /* === 배경 / 테두리 === */
  --theme-bg-outer:  #DDE4ED;
  --theme-bg-subtle: #F9F9F9;
  --theme-border:    #E8E8E8;
  --theme-border-light: #F4F4F4;

  /* === 시맨틱 변수 === */
  --theme-text-primary:   #111111;
  --theme-text-secondary: #666666;
  --theme-text-muted:     #999999;
  --theme-bg-white:       #FFFFFF;
  --theme-bg-dark:        #0F0F2A;
  
  /* === 형태 및 그림자 === */
  --theme-radius-card:    12px;
  --theme-radius-pill:    9999px;
  --theme-radius-image:   0px;
  --theme-shadow-sm:      0 1px 3px rgba(0,0,0,0.05);
  --theme-shadow-md:      0 4px 12px rgba(0,0,0,0.07);
  --theme-shadow-card:    0 2px 12px rgba(0,0,0,0.05);
  
  /* === 여백 === */
  --theme-section-y:      88px;
  --theme-section-y-mobile: 56px;

  /* === 애니메이션 === */
  --theme-easing-default: cubic-bezier(0.4, 0, 0.2, 1);
  --theme-easing-out:     cubic-bezier(0, 0, 0.2, 1);
  --theme-duration-reveal: 600ms;
}