/* ========================================================================= themes.css — 3가지 컬러 테마 에 클래스(theme-nude / theme-milky / theme-clinical)를 붙여 스위칭. Default: theme-clinical (Rx 컨셉과 가장 잘 맞음) ========================================================================= */ /* Theme A: Cicapair (Nude + Pink) — 부드러운 자연스러움 */ .theme-nude { --bg-primary: #F5F1EB; --bg-surface: #FFFFFF; --bg-accent: #FBEAF0; --text-primary: #2C1810; --text-secondary: #6B5D52; --accent-primary: #D4537E; /* BCC Pink */ --accent-secondary: #A67B5B; /* Warm Nude */ --border: #E5DDD3; } /* Theme B: Ceramidin (Milky + Pink) — 우유빛 감성 */ .theme-milky { --bg-primary: #FBF8F3; --bg-surface: #FFFFFF; --bg-accent: #F9E4EC; --text-primary: #1A1512; --text-secondary: #7A6E63; --accent-primary: #E85A85; /* Softer Pink */ --accent-secondary: #E8C39E; /* Cream */ --border: #EFE9DE; } /* Theme C: Clinical Rx (White + Navy + Pink) — 처방전 스타일 [권장·기본] */ .theme-clinical { --bg-primary: #FAFAFA; --bg-surface: #FFFFFF; --bg-accent: #FDF2F5; --text-primary: #0A1628; /* Deep Navy */ --text-secondary: #4A5568; --accent-primary: #E11D6C; /* BCC Pink Vivid */ --accent-secondary: #1E3A5F; /* Rx Navy */ --border: #E2E8F0; }