/* ----------------------------
   Dark variant 처리 & 변수 선언
-----------------------------*/
.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  /* ... (기타 다크모드 변수 생략, 필요시 추가) ... */
  --primary: oklch(0.985 0 0);
}

:root {
  --font-size: 16px;
  --background: #ffffff;
  --foreground: oklch(0.145 0 0);
  
  /* 새로운 디자인의 Primary 색상 (검정 계열로 보임) */
  --primary: #030213; 
  --primary-foreground: oklch(1 0 0);
  
  /* 기존 녹색 계열을 원하시면 아래 주석을 해제하고 위를 주석 처리하세요 */
  /* --primary: #4A7C59; */

  --muted: #ececf0;
  --muted-foreground: #717182;
  --border: rgba(0, 0, 0, 0.1);
  --ring: oklch(0.708 0 0);
  --radius: 0.625rem;

  /* 카카오 색상은 변수에 없어서 따로 추가함 */
  --kakao-yellow: #FEE500;
}

/* ----------------------------
   Reset & Base Styles
-----------------------------*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline-color: var(--ring);
  border-color: var(--border);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--background);
  color: var(--foreground);
  font-size: var(--font-size);
}

/* Typography from New Style */
h1 { font-size: 1.75rem; font-weight: 500; line-height: 1.5; }
h2 { font-size: 1.5rem; font-weight: 500; line-height: 1.5; }
p, a, button { font-size: 1rem; line-height: 1.5; }

a { text-decoration: none; color: inherit; }