@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
  
  /* 테마 컬러 */
  --color-primary: #3b82f6;      /* Primary - 파란색 (메인 액션) */
  --color-secondary: #8b5cf6;    /* Secondary - 보라색 (보조 액션) */
  --color-success: #10b981;       /* Success - 초록색 (성공 상태) */
  --color-error: #ef4444;         /* Error - 빨간색 (에러/경고) */
  --color-neutral: #6b7280;       /* Neutral - 회색 (중립/보조) */
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-primary: var(--color-primary);
  --color-secondary: var(--color-secondary);
  --color-success: var(--color-success);
  --color-error: var(--color-error);
  --color-neutral: var(--color-neutral);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

body {
  height: 100vh;
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}