/* palettes.css — 색만 담습니다. 구조는 layouts.css 가 따로 맡습니다. 시안 2를 고르고 색은 테라코타로, 같은 조합이 가능해야 합니다. 지시로 받은 값은 그대로 넣었고, 마크업이 쓰지만 목록에 없던 변수 (--surface / --accent-lt / --dark / --footer-bg / --accent-2)는 각 팔레트 안에서 어울리는 값으로 채웠습니다. 흰 글씨를 얹는 자리에는 --primary-dk / --accent-dk 만 씁니다. */ /* ── 세이지 ─────────────────────────────────────── */ .palette-sage { --primary: #6FA98A; --primary-lt: #E0ECE4; --primary-dk: #3E7359; --accent: #E8945A; --accent-lt: #F7E3D3; --accent-dk: #B85C22; --accent-2: #B85C22; --bg: #FFFDF8; --surface: #FFFFFF; --paper: #F4EFE5; --heading: #3A352F; --dark: #3A352F; --footer-bg: #3A352F; --text: #3A352F; --muted: #8C857C; --line: #E0DBD3; } /* ── 청록 ───────────────────────────────────────── */ .palette-teal { --primary: #3E9AA6; --primary-lt: #E2F0F1; --primary-dk: #276771; --accent: #F2B544; --accent-lt: #FDF2DA; --accent-dk: #B07A0C; --accent-2: #B07A0C; --bg: #FBF8F2; --surface: #FFFFFF; --paper: #E2F0F1; --heading: #276771; --dark: #1B4A52; --footer-bg: #1B4A52; --text: #2E3A3C; --muted: #838B8D; --line: #E0E1DE; } /* ── 테라코타 ───────────────────────────────────── */ .palette-terracotta { --primary: #D68360; --primary-lt: #F9E4D9; --primary-dk: #A85F3E; --accent: #8FA98A; --accent-lt: #E5EDE0; --accent-dk: #5F7A58; --accent-2: #5F7A58; --bg: #F8F2EE; --surface: #FFFFFF; --paper: #F9E4D9; --heading: #534238; --dark: #534238; --footer-bg: #534238; --text: #463C36; --muted: #968B82; --line: #E0D8D3; } /* ── 진청 ───────────────────────────────────────── */ .palette-deepblue { --primary: #3A6EA5; --primary-lt: #E8EFF7; --primary-dk: #2A5580; --accent: #D9A441; --accent-lt: #F7EEDA; --accent-dk: #9A6E1C; --accent-2: #9A6E1C; --bg: #F8FAFC; --surface: #FFFFFF; --paper: #E8EFF7; --heading: #243B55; --dark: #243B55; --footer-bg: #243B55; --text: #26313D; --muted: #7A848F; --line: #DCE3EA; } /* ── 감청 ───────────────────────────────────────── */ .palette-navy { --primary: #27313D; --primary-lt: #EDEFF2; --primary-dk: #1A222C; --accent: #F08200; --accent-lt: #FEECD9; --accent-dk: #AF5D00; --accent-2: #AF5D00; --bg: #FAFAF9; --surface: #FFFFFF; --paper: #EDEFF2; --heading: #27313D; --dark: #27313D; --footer-bg: #27313D; --text: #2E343A; --muted: #80878D; --line: #E0E0DE; } /* ── 따뜻한 주황 ────────────────────────────────── */ .palette-warmorange { --primary: #F2A347; --primary-lt: #FEF0DD; --primary-dk: #C57518; --accent: #8BBA66; --accent-lt: #E7F2DA; --accent-dk: #5B8A38; --accent-2: #5B8A38; --bg: #FEFAF2; --surface: #FFFFFF; --paper: #FEF0DD; --heading: #604F3E; --dark: #604F3E; --footer-bg: #604F3E; --text: #4A423A; --muted: #928A80; --line: #E2DDD6; }