42 lines
1.1 KiB
CSS
42 lines
1.1 KiB
CSS
@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 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|