/* el_aws 호환 모드 — 아직 el-aws 디자인으로 옮기지 않은 el_unified 본문을 AWS 톤으로 맞춘다.
   el_unified 는 색·글꼴·모서리를 CSS 변수로 쓰므로 변수만 덮는다(셀렉터 개별 수정 최소화).
   body.aws-compat 범위라 el_unified 레이아웃 자체에는 영향이 없다. */
body.aws-compat {
  --e-accent: #1769a8;
  --e-accent-strong: #0f5285;
  --e-accent-ink: #1769a8;
  --e-accent-soft: #e9f2f9;
  --e-on-accent: #ffffff;
  --e-shadow-accent: 0 8px 24px rgba(23, 105, 168, .18);
  --un-accent: #1769a8;
  --e-ink: #161d26;
  --iw-ink: #161d26;
  --un-ink: #161d26;
  --e-font-sans: "NanumSquare", "나눔스퀘어", Pretendard, Arial, sans-serif;
  --e-font-display: "NanumSquare", "나눔스퀘어", Pretendard, Arial, sans-serif;
  --iw-font: "NanumSquare", "나눔스퀘어", Pretendard, Arial, sans-serif;
  --un-font: "NanumSquare", "나눔스퀘어", Pretendard, Arial, sans-serif;
  --e-radius-sm: 5px;
  --e-radius: 10px;
  --e-radius-lg: 12px;
  --e-radius-xl: 12px;
  --e-radius-2xl: 16px;
  --e-radius-3xl: 16px;
  --e-radius-hero: 16px;
  font-family: var(--e-font-sans);
  color: #161d26;
}

/* el-aws 셸(헤더·푸터)은 base.css 가 그린다. el_unified 의 전역 규칙이 셸 글꼴을 바꾸지 않게 고정. */
body.aws-compat .utility,
body.aws-compat .header,
body.aws-compat .footer { font-family: "NanumSquare", "나눔스퀘어", Pretendard, Arial, sans-serif; }

/* 페이지 범위 변수 — el_unified 서브페이지(subpages-a.css .pa-page)·전자책(.ebs)·활동(.play)은
   자체 스코프에서 주황을 다시 선언하므로 같은 스코프에서 덮는다. */
body.aws-compat .pa-page {
  --pa-orange: #1769a8;
  --pa-orange-dark: #0f5285;
  --pa-orange-soft: #e9f2f9;
  --pa-navy: #161d26;
  --pa-ink: #161d26;
}
body.aws-compat .ebs { --orange: #1769a8; --orange-dark: #0f5285; --ink: #161d26; }

/* eondui·el_unified 가 접근성/다크 범위([data-a11y]·[data-theme])에서 --e-accent 를 다시 선언 → 같은 범위에서 덮는다.
   다크 배경 위에서는 대비를 위해 밝은 블루를 쓴다. */
body.aws-compat [data-a11y],
body.aws-compat [data-theme] {
  --e-accent: #1769a8;
  --e-accent-strong: #0f5285;
  --e-accent-ink: #1769a8;
  --e-accent-soft: #e9f2f9;
}
body.aws-compat [data-theme="dark"] {
  --e-accent: #4ea3e0;
  --e-accent-strong: #2f8bd0;
  --e-accent-ink: #8cc4ec;
  --e-accent-soft: #10263a;
}
body.aws-compat .care-page { --accent: #1769a8; --accent-strong: #0f5285; --accent-soft: #e9f2f9; }
body.aws-compat .eh-home { --eh-orange: #1769a8; --eh-orange-deep: #0f5285; }

/* 값이 직접 박힌 소수 규칙 */
body.aws-compat .un-pfv-body .portfolio-case__type,
body.aws-compat .un-cat-tag,
body.aws-compat .un-mv-cat { background: #e9f2f9; color: #0f5285; }
body.aws-compat .un-ebook-reader-head span,
body.aws-compat .ga-intro .q,
body.aws-compat .ga-marquee .cap b { color: #0f5285; }
body.aws-compat .ebs-recommend > div > span { color: #8cc4ec; }
body.aws-compat .rn-draft { border-color: rgba(23, 105, 168, .45); }

/* :root 에서 var(--e-accent) 등을 참조해 만든 파생 변수는 :root 시점 값(주황)으로 굳어 상속된다.
   body 에서 같은 식으로 다시 선언해 위에서 덮은 AWS 값으로 재계산되게 한다. */
body.aws-compat {
  --md-sys-color-primary: var(--e-accent);
  --md-sys-color-primary-container: var(--e-accent-soft);
  --md-sys-color-on-primary-container: var(--e-accent-strong);
  --md-sys-color-on-background: var(--e-ink);
  --md-sys-color-on-surface: var(--e-ink);
  --md-sys-color-inverse-primary: #8cc4ec;
  --sb-hero-accent: #8cc4ec;
  --sb-font: var(--e-font-sans);
}