/* ============================================================
   Landly 디자인 토큰 — "프리미엄 자산관리 브로슈어" (Quiet Luxury)
   색은 라이트 전용. 그라디언트/글로우 금지, 헤어라인+종이 그레인으로 깊이.
   ============================================================ */
:root {
  color-scheme: light only;

  /* ---- 색 ---- */
  --paper: #F7F4EF;      /* 본문 배경(따뜻한 아이보리) */
  --paper-2: #FBF9F5;    /* 카드 배경 */
  --ink: #191817;        /* 본문 텍스트 */
  --ink-2: #57534E;      /* 보조 텍스트 */
  --line: #E4DED4;       /* 헤어라인 보더 */
  --line-strong: #D6CEBF;/* 강조 보더(hover 전환용) */
  --pine: #1E3A2F;       /* 앵커: 헤더/푸터/다크섹션/주버튼 (딥 에버그린) */
  --pine-2: #172E25;     /* 딥 섹션 더 어두운 톤 */
  --pine-soft: #EAF0EC;  /* 그린 틴트 배경(뱃지/칩) */
  --pine-line: #C9D8CE;  /* 그린 톤 보더 */
  --brass: #A98643;      /* 골드 악센트: 숫자·밑줄·아이콘 */
  --brass-2: #8F6F33;    /* 골드 진한 톤(텍스트 대비) */
  --brass-soft: #F1E9DA; /* 골드 배경 */
  --brass-line: #E3D3B4; /* 골드 톤 보더 */
  --success: #3F7D5B;
  --danger: #B04A3E;
  --warning: #B5852F;

  /* 다크 섹션 위 텍스트 */
  --on-pine: #F4F1EA;
  --on-pine-2: rgba(244, 241, 234, 0.62);
  --on-pine-3: rgba(244, 241, 234, 0.40);
  --on-pine-line: rgba(244, 241, 234, 0.12);

  /* ---- 폰트 ---- */
  --font-sans: 'Pretendard Variable', -apple-system, BlinkMacSystemFont,
    'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue',
    'Malgun Gothic', sans-serif;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;

  /* ---- 간격 스케일 ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5.5rem;

  /* ---- 라운드 (절제된 곡률) ---- */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* ---- 섀도우 (소프트 롱섀도우) ---- */
  --shadow-xs: 0 1px 2px rgba(25, 24, 23, 0.04);
  --shadow-sm: 0 2px 8px rgba(25, 24, 23, 0.05);
  --shadow: 0 8px 28px rgba(25, 24, 23, 0.07);
  --shadow-lg: 0 22px 60px rgba(25, 24, 23, 0.10);
  --shadow-brass: 0 10px 30px rgba(169, 134, 67, 0.16);

  /* ---- 레이아웃 ---- */
  --container: 1200px;
  --container-narrow: 920px;
  --header-h: 68px;

  /* ---- 모션 ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.22s;
}