/* 온말 홈페이지 — 팔레트·서체·모션 곡선.
   🔴 항상 첫 번째로 링크합니다. 나머지 CSS 가 전부 이 변수를 씁니다.

   2026-08-02 C1: 네 페이지에 흩어져 있던 :root 를 여기 하나로 모았습니다.
   그전까지 privacy·terms·licenses 의 팔레트에는 --indigo·--coral·--card-bg·--ease
   가 빠져 있었습니다. 지금은 그 넷을 index 만 쓰고 있어 화면이 달라지지 않지만,
   문서 페이지에 카드를 하나만 넣어도 조용히 어긋날 자리였습니다. */

:root{
  /* 2026-07-31 아쿠아 전환 — 앱 아이콘·설정 창과 같은 계열. 변수 이름 --jade 는
     역사적 이름으로 유지합니다(전 규칙에서 참조). 값만 아쿠아입니다. */
  --ink:#0B1216; --night:#13222C; --indigo:#1B303C; --line:#2A4552;
  --jade:#3FC6E0; --moon:#F2C879; --paper:#E9EEF2; --dim:#8FA6B2; --coral:#F07862;
  --card-bg:linear-gradient(170deg,rgba(30,42,69,.42),transparent);

  /* 2026-08-03 A3: 셋 다 fonts/ 에서 직접 냅니다(styles/fonts.css). 외부 origin 0.
     "Onmal Sans" 는 <b>Pretendard 를 자른 판</b>입니다 — Reserved Font Name 때문에
     이름만 바꿨습니다(fonts.css 의 설명 참조). 뒤의 Pretendard 둘은 그 글꼴을 이미
     설치해 둔 사람을 위한 자리이고, 자른 판에 없는 글자(한자·가나·태국어 등)는
     여기를 지나 시스템 글꼴로 갑니다. */
  --display:"Gowun Batang", serif;
  --body:"Onmal Sans", "Pretendard Variable", Pretendard, system-ui, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, monospace;

  --ease:cubic-bezier(.32,.72,0,1);

  /* 스크롤 막대·기본 폼 컨트롤을 OS 가 어느 쪽으로 그릴지. 아래에서 테마마다 덮습니다. */
  color-scheme:dark;

  /* 🔴 "지금 라이트인가"를 <b>여기 한 곳</b>에서만 정합니다.
     테마를 아는 방법이 둘(속성 · 미디어 쿼리)이라, 화면 곳곳에서 각자 판정하면
     반드시 한 군데가 빠집니다 — 실제로 그랬습니다: JS 를 끄고 라이트를 쓰면
     실제 화면 자리에 <b>다크 스크린샷</b>이 떴습니다. 셀렉터로 갈래를 나누는 대신
     값을 물려줍니다.  0 = 다크 · 1 = 라이트 */
  --shot-dark:1;
  --shot-light:0;
  --frame-shadow:0 24px 70px rgba(0,0,0,.55);
}

/* ── 라이트 팔레트 ────────────────────────────────────────────────────────
   🔴 <b>같은 값을 두 번 씁니다. 일부러입니다.</b>
      ① <c>html[data-theme="light"]</c> — JS 가 정한 테마(토글·localStorage)
      ② <c>@media (prefers-color-scheme: light)</c> — <b>JS 가 없을 때</b>

   그전에는 ①만 있고 <html> 에 <c>data-theme="dark"</c> 가 <b>박혀</b> 있었습니다.
   그래서 JS 를 끄면 라이트를 쓰는 사람도 예외 없이 어두운 화면을 봤습니다.
   ①과 ②를 하나로 합칠 방법은 CSS 에 없습니다(미디어 쿼리는 선택자 목록에
   못 들어갑니다). 값이 갈라지지 않게 <b>고칠 때 반드시 두 곳을 함께</b> 보십시오.

   ⚠️ 아쿠아는 <c>#0C7A96</c> 이었습니다 — 배경 #F1F4F5 에서 <b>4.48:1</b> 로
      WCAG AA(4.5:1)에 <b>못 미쳤습니다.</b> <c>#0A6E88</c> 은 5.28:1(바탕) ·
      5.83:1(흰 카드)입니다. 색상은 그대로 두고 명도만 내렸습니다. */
html[data-theme="light"]{
  --ink:#F1F4F5; --night:#FFFFFF; --indigo:#E3ECEF; --line:#D3DCE0;
  --jade:#0A6E88; --moon:#8A6A1B; --paper:#1A2026; --dim:#42505C; --coral:#B84B3B;
  --card-bg:#FFFFFF;
  color-scheme:light;
  --shot-dark:0;
  --shot-light:1;
  --frame-shadow:0 18px 50px rgba(70,60,35,.22);
}

@media (prefers-color-scheme: light){
  html:not([data-theme="dark"]){
    --ink:#F1F4F5; --night:#FFFFFF; --indigo:#E3ECEF; --line:#D3DCE0;
    --jade:#0A6E88; --moon:#8A6A1B; --paper:#1A2026; --dim:#42505C; --coral:#B84B3B;
    --card-bg:#FFFFFF;
    color-scheme:light;
  }
}