/* 봄날초대장 — 색상 팔레트 (v1.1 '색상 테마 고르기')
   브리프 §7 확정 4종: 크림&모카(기본) / 세이지&올리브 / 더스티 로즈 / 잉크&골드.
   자유 색상 입력은 금지 — 검증된 팔레트 중에서만 고르게 한다(§7: "AI스러운" 조합 방지).

   ── 왜 토큰이 이렇게 많은가 ──
   원래 템플릿은 --bg/--main/--sub/--accent 4개만 변수였다. 그런데 실제 디자인은
   버튼 배경·구분선·카드 배경·포인트 위 글자색을 따로 쓴다. 넣을 변수가 없어서
   그 색들이 전부 hex로 박혔고(templates.css 317색 중 222색), 그래서 팔레트만 바꾸면
   글자색만 변하고 장식은 그대로 남아 색이 충돌했다. 토큰을 늘려 그 구멍을 막는다.
   토큰 하나하나가 "이 색을 담을 곳이 없다"는 실제 사례에서 나왔다 — 늘리고 싶어서 늘린 게 아니다.

   --bg          페이지 배경
   --surface     bg 위에 얹히는 면 (버튼·카드·뱃지 배경)
   --line        구분선·테두리
   --strong      제목 글자 (가장 진함)
   --main        본문 글자
   --sub         보조 글자 (작은 라벨·설명)
   --faint       sub보다 더 존재감 없는 글자 (푸터의 브랜드 표기 등).
                 밝은 템플릿에선 sub보다 '밝고' 어두운 템플릿에선 sub보다 '어둡다' —
                 값의 방향이 아니라 '덜 눈에 띈다'가 이 토큰의 뜻이다.
                 이게 없어서 푸터 문구를 --sub에 억지로 합쳤더니 22종 회귀 검사에서
                 가장 큰 색 틀어짐(t18 거리 144)이 났다 — 그래서 추가한 토큰이다.
   --accent      포인트 (칠하는 색 — 아이콘·활성 표시·채운 배경)
   --accent-ink  읽히는 포인트 글자색. 템플릿에 따라 accent가 연한 '칠하는 색'이라
                 글자로 쓰면 안 읽히는 경우가 있다(t1 수채화 봄이 그래서 #b57a52를 따로 썼다).
                 팔레트의 accent는 이미 진해서 accent-ink:var(--accent)로 같이 간다.
   --accent-hi/-lo  accent보다 밝은 끝 / 어두운 끝. 금박 그라데이션처럼 '한 색의 명암 두 끝'이
                 필요한 곳에 쓴다. 이게 없어서 t5 칠순 초대장의 성함이 금색→세이지초록
                 그라데이션으로 깨졌다(사용자가 'AI 느낌'으로 지적한 바로 그것).
   --accent-soft accent의 연한 배경 (버튼 배경·강조 박스)
   --on-accent   accent 위에 올라가는 글자색
   --tint-a/b/c  장식용 연한 색 3종 (t1 수채화 얼룩처럼 여러 색을 쓰는 장식).
                 팔레트에서는 같은 계열의 톤 차이로 준다 — 팔레트는 색 하나를 정하는 것이지
                 서로 다른 색상 3개를 정하는 게 아니기 때문.

   ── 왜 팔레트마다 light/dark 두 벌인가 ──
   22종 중 5종(t3 달빛동화·t5 금빛축연·t11·t18 재즈라운지·t22 송년회)은 어두운 배경이
   디자인의 정체성이다. 밝은 팔레트를 그대로 씌우면 템플릿이 망가진다.
   그래서 팔레트는 색 '계열'만 정하고, 명암은 템플릿이 자기 모드(.pal-dark)로 고른다.

   ── 색 선택 근거 (2026 트렌드 조사) ──
   Pantone 2026 올해의 색 = Cloud Dancer(고요한 화이트) + 내추럴 뉴트럴(Sage Green·Angora),
   F/W 26/27 액센트에 Dusty Rose·Tea Rose. 웨딩/청첩장 2026은 올리브·클레이·초콜릿·샌드·
   테라코타 같은 어스톤과 크림 바탕의 골드 포일이 주류. 브리프 §7의 4종이 이 흐름과 정확히 맞아
   이름은 그대로 두고 값만 정의했다. 유행색(트랜스포머티브 틸 등)은 넣지 않았다 —
   돌잔치·환갑 같은 행사에 1년 뒤 촌스러워질 색을 박아 넣을 이유가 없다.

   ⚠ 대비는 tools/check-contrast.js가 검사한다. 값을 고치면 반드시 다시 돌릴 것.
     본문(main/strong on bg·surface)은 WCAG AA 4.5:1, 보조(sub)와 큰 글자는 3:1을 넘긴다. */

/* ══ 크림 & 모카 — 기본값 ══ */
.pal-cream{
  /* 성격: 가장 부드럽다. 배경과 글자 사이를 좁게 잡아 포근한 인상 — 돌잔치·집들이 같은 사적인 날용 */
  --bg:#f7f2ea; --surface:#fffdf8; --line:#e6d9c6;
  --strong:#3f342a; --main:#584b3c; --sub:#85705a; --faint:#9a8369;
  --accent:#96683f; --accent-soft:#f2e5d4; --on-accent:#fffdf8;
  --accent-ink:var(--accent); --accent-hi:#c8a078; --accent-lo:#6d4728;
  --tint-a:#f0d9bd; --tint-b:#e6d7c0; --tint-c:#f8eed6;
}
.pal-cream.pal-dark{
  --bg:#201a16; --surface:#2b231d; --line:#3f342b;
  --strong:#fbf5ec; --main:#eae0d2; --sub:#bcae97;
  --accent:#d0ac6f; --accent-soft:#33291f; --on-accent:#201a16;
  --accent-ink:var(--accent); --tint-a:#3a2d20; --tint-b:#332a22; --tint-c:#2a2018;
  --faint:#8d8270;
  --accent-hi:#ecd3a0; --accent-lo:#a07b3f;
}

/* ══ 세이지 & 올리브 ══ */
.pal-sage{
  /* 성격: 채도를 가장 낮게. 풀빛이되 탁하지 않게 — 눈에 힘이 안 들어가는 자연 톤 */
  --bg:#f2f4ee; --surface:#fbfcf8; --line:#d8dfcf;
  --strong:#2b3325; --main:#414a37; --sub:#6d7761; --faint:#838c78;
  --accent:#566e46; --accent-soft:#e4ebdc; --on-accent:#fbfcf8;
  --accent-ink:var(--accent); --accent-hi:#8aa376; --accent-lo:#38492c;
  --tint-a:#d9e4cd; --tint-b:#cfdac4; --tint-c:#eaf0e2;
}
.pal-sage.pal-dark{
  --bg:#1a1f18; --surface:#242b21; --line:#36402f;
  --strong:#f2f5ec; --main:#e0e6d8; --sub:#a3b098;
  --accent:#9dba87; --accent-soft:#252d20; --on-accent:#1a1f18;
  --accent-ink:var(--accent); --tint-a:#26301f; --tint-b:#222a1d; --tint-c:#1d2418;
  --faint:#74806b;
  --accent-hi:#c6dcb4; --accent-lo:#6d8a58;
}

/* ══ 더스티 로즈 ══ */
.pal-rose{
  /* 성격: 분홍이 아니라 흙빛 장미(클레이·로즈우드). 원래 값(#a65a61)은 분홍기가 강해
     22종 어느 초대장에 얹어도 혼자 튀었다 — 사용자가 "전체적으로 이질적"이라 지적한 부분.
     붉은기를 낮추고 갈색을 섞어 크림·세이지와 같은 어스톤 가족으로 들여놨다. */
  --bg:#faf4f1; --surface:#fffcfa; --line:#ecdad3;
  --strong:#3d302c; --main:#54443e; --sub:#8a6b60; --faint:#9e8175;
  --accent:#9c6355; --accent-soft:#f4e6df; --on-accent:#fffcfa;
  --accent-ink:var(--accent); --accent-hi:#c99a8b; --accent-lo:#6b3d31;
  --tint-a:#f0d9cf; --tint-b:#e8d5cc; --tint-c:#f9ece5;
}
.pal-rose.pal-dark{
  --bg:#241b1c; --surface:#302426; --line:#443436;
  --strong:#faf0ee; --main:#eddfdd; --sub:#c2a3a2;
  --accent:#d59498; --accent-soft:#332627; --on-accent:#241b1c;
  --accent-ink:var(--accent); --tint-a:#3a2a2b; --tint-b:#332527; --tint-c:#2b2021;
  --faint:#8f7877;
  --accent-hi:#eec4c6; --accent-lo:#a06468;
}

/* ══ 잉크 & 골드 ══ */
.pal-ink{
  /* 성격: 가장 또렷하다. 배경은 거의 흰 종이, 글자는 먹색 — 4종 중 대비가 제일 세다.
     격식 있는 자리(칠순·연주회·개업식)에서 골드 포일이 살아나는 조합 */
  --bg:#fcfbf8; --surface:#ffffff; --line:#e0ddd2;
  --strong:#101317; --main:#23272d; --sub:#63645e; --faint:#8b8c84;
  --accent:#8a6a2f; --accent-soft:#f3ecdb; --on-accent:#ffffff;
  --accent-ink:var(--accent); --accent-hi:#c4a668; --accent-lo:#5c451c;
  --tint-a:#ebe4d2; --tint-b:#e0e0d8; --tint-c:#f6f1e1;
}
.pal-ink.pal-dark{
  --bg:#14171c; --surface:#1d2128; --line:#2e343d;
  --strong:#f7f5ef; --main:#e5e3dc; --sub:#a09e94;
  --accent:#d3b06a; --accent-soft:#232830; --on-accent:#14171c;
  --accent-ink:var(--accent); --tint-a:#262c35; --tint-b:#20252c; --tint-c:#1a1f26;
  --faint:#74736c;
  --accent-hi:#eddaad; --accent-lo:#9a7a3c;
}