/* Portable adaptation of the EasyExplain token extraction, captured 2026-10-17.
 * Source: https://momin-myu.duckdns.org/#scene=rules
 * All 41 light / 33 dark custom property values are preserved; identifiers and
 * theme selectors are scoped for embedding. Load before components.css.
 * Body fonts retain the source fallback stack; only Jua is bundled locally.
 */
.ee-theme {
  --ee-bg: #F6F2FF;
  --ee-surface: #FFFFFF;
  --ee-surface-2: #FAF8FF;
  --ee-line: #E4DBFF;
  --ee-line-strong: #8574C4;
  --ee-text: #2A2150;
  --ee-muted: #5E5784;
  --ee-accent: #6B46E5;
  --ee-accent-soft: #EAE2FF;
  --ee-accent-text: #4A2FB5;
  --ee-on-accent: #FFFFFF;

  --ee-ok: #157A3A;      --ee-ok-soft: #DCFCE7;
  --ee-bad: #B3330F;     --ee-bad-soft: #FFE8E0;
  --ee-warn: #9A4A00;    --ee-warn-soft: #FFF1D6;
  --ee-info: #1D4ED8;    --ee-info-soft: #DCE8FF;

  /* 담당 색: 팀 CONTRIBUTING 그림과 같은 계열 */
  --ee-own-L: #D08700;   --ee-own-L-soft: #FDECB0;
  --ee-own-A: #2F6FE4;   --ee-own-A-soft: #D3E3FF;
  --ee-own-B: #1E9A52;   --ee-own-B-soft: #CFF5DD;
  --ee-own-C: #D02C7C;   --ee-own-C-soft: #FCD6E8;
  --ee-own-user: #6B46E5; --ee-own-user-soft: #E7DEFF;
  --ee-own-ext: #5B6B82; --ee-own-ext-soft: #E3E8F0;

  --ee-term-bg: #18142F;
  --ee-term-text: #E9E5FF;

  --ee-font-body: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --ee-font-display: "Jua", var(--ee-font-body);
  --ee-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --ee-radius: 18px;
  --ee-shadow: 0 1px 2px rgba(42, 33, 80, .06), 0 10px 30px rgba(42, 33, 80, .08);
  --ee-shadow-strong: 0 2px 6px rgba(42, 33, 80, .10), 0 18px 40px rgba(42, 33, 80, .14);
  --ee-nav-w: 248px;
  --ee-talk-w: 340px;
  color-scheme: light;
}

.ee-theme[data-ee-theme="dark"] {
  --ee-bg: #13102A;
  --ee-surface: #1D1939;
  --ee-surface-2: #231E44;
  --ee-line: #342C61;
  --ee-line-strong: #7A6DC2;
  --ee-text: #EEEAFF;
  --ee-muted: #B4ACDD;
  --ee-accent: #9F88FF;
  --ee-accent-soft: #2E2763;
  --ee-accent-text: #D3C8FF;
  --ee-on-accent: #16112E;
  --ee-ok: #5BE08F;      --ee-ok-soft: #133524;
  --ee-bad: #FF8E74;     --ee-bad-soft: #3D1C17;
  --ee-warn: #FFC861;    --ee-warn-soft: #3A2A0B;
  --ee-info: #8DB6FF;    --ee-info-soft: #16294C;
  --ee-own-L: #F2B83A;   --ee-own-L-soft: #3F3210;
  --ee-own-A: #6EA0FF;   --ee-own-A-soft: #172E57;
  --ee-own-B: #4FD487;   --ee-own-B-soft: #12392A;
  --ee-own-C: #FF6FB0;   --ee-own-C-soft: #461731;
  --ee-own-user: #A58DFF; --ee-own-user-soft: #2E2763;
  --ee-own-ext: #9AA9C0; --ee-own-ext-soft: #2A3245;
  --ee-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .3);
  --ee-shadow-strong: 0 2px 6px rgba(0, 0, 0, .4), 0 18px 40px rgba(0, 0, 0, .45);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ee-theme:not([data-ee-theme="light"]) {
    --ee-bg: #13102A;
    --ee-surface: #1D1939;
    --ee-surface-2: #231E44;
    --ee-line: #342C61;
    --ee-line-strong: #7A6DC2;
    --ee-text: #EEEAFF;
    --ee-muted: #B4ACDD;
    --ee-accent: #9F88FF;
    --ee-accent-soft: #2E2763;
    --ee-accent-text: #D3C8FF;
    --ee-on-accent: #16112E;
    --ee-ok: #5BE08F;      --ee-ok-soft: #133524;
    --ee-bad: #FF8E74;     --ee-bad-soft: #3D1C17;
    --ee-warn: #FFC861;    --ee-warn-soft: #3A2A0B;
    --ee-info: #8DB6FF;    --ee-info-soft: #16294C;
    --ee-own-L: #F2B83A;   --ee-own-L-soft: #3F3210;
    --ee-own-A: #6EA0FF;   --ee-own-A-soft: #172E57;
    --ee-own-B: #4FD487;   --ee-own-B-soft: #12392A;
    --ee-own-C: #FF6FB0;   --ee-own-C-soft: #461731;
    --ee-own-user: #A58DFF; --ee-own-user-soft: #2E2763;
    --ee-own-ext: #9AA9C0; --ee-own-ext-soft: #2A3245;
    --ee-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .3);
    --ee-shadow-strong: 0 2px 6px rgba(0, 0, 0, .4), 0 18px 40px rgba(0, 0, 0, .45);
    color-scheme: dark;
  }
}