/* 마이너스베타스튜디오 공용 디자인 값 — 색(라이트·다크)과 PC 폭의 단 하나의 원본 (T-261013-004).
   회사의 모든 사이트가 https://kangdaejong.com/brand/current/tokens.css 를 페이지 머리말에서 읽는다.
   색을 바꾸려면 이 파일만 고치고 회사홈(kangdaejong-com)만 배포한다. 다른 곳에 색 값을 복사하지 않는다 —
   각 저장소의 palette-copies 검사가 막는다. 그림 생성기는 같은 원본에서 빌드 때 만든 tokens.json 을 읽는다.
   다크는 기기 설정을 따라 기본으로 켜진다. 라이트로 고정할 페이지만 <html data-theme="light">. */
:root {
  color-scheme: light;
  --page-max: 1440px;
  --bg: #ffffff;
  --bg-elev: #f7f8fa;
  --bg-elev2: #eef1f5;
  --bg-tint: #f0efe9;
  --fg: #242930;
  --fg-dim: #626b78;
  --fg-mute: #69717d;
  --fg-faint: #69717d;
  --border: #e6e8ed;
  --border-soft: #eceef2;
  --accent: #2458cc;
  --accent-hover: #19449f;
  --accent-dim: #19449f;
  --accent-tint: #eef3ff;
  --accent-bg: #eef3ff;
  --accent-cta: #2458cc;
  --cta-bg: #2458cc;
  --cta-fg: #ffffff;
  --accent-2: #466448;
  --cyan: #2458cc;
  --magenta: #466448;
  --code-bg: #f7f8fa;
  --danger: #b02f29;
  --danger-bg: #faeae6;
  --success: #3c664b;
  --warn: #84601e;
  --invert-bg: #282e25;
  --invert-fg: #f8f7ef;
  --invert-dim: #c5cbbb;
  --invert-border: #495041;
  --shadow: 0 6px 24px #24293008;
  --shadow-pop: 0 16px 40px #24293012;
  /* 역할 이름 — 기본 이름과 같은 색은 그 이름을 그대로 가리킨다. */
  --text-2: var(--fg-dim);
  --text-3: var(--fg-mute);
  --text-4: #98a4b5;
  --surface: #ffffff; /* 카드·패널 바탕(라이트 = 흰 바탕, 다크 = 한 단 밝게) */
  --surface-2: #f7f8fa;
  --surface-3: #eef1f5;
  --line-soft: #f0f1f4;
  --line-strong: #c6d0da;
  --accent-line: #dce4f4;
  --accent-line-2: #b8c8e8;
  --accent-text: #183665;
  --accent-text-2: #3d5790;
  --accent-text-3: #4b5d7b;
  --mood-fg: #4b5145;
  --mood-hover: #f0f0e8;
  --mood-hover-line: #88927b;
  --social-fg: #4a5361;
  /* 공용 헤더·푸터(mb-components.js, tone="studio")가 상속받는 호스트 팔레트. */
  --mb-host-bg: var(--bg);
  --mb-host-elev: var(--bg-elev);
  --mb-host-fg: var(--fg);
  --mb-host-dim: var(--fg-dim);
  --mb-host-mute: var(--fg-mute);
  --mb-host-border: var(--border);
  --mb-host-soft: var(--surface-2);
  --mb-host-accent: var(--accent);
  --mb-host-cta-bg: var(--accent-cta);
  --mb-host-shadow: #24293026;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #121519;
    --bg-elev: #191d23;
    --bg-elev2: #1f242b;
    --bg-tint: #1a2130;
    --fg: #e3e7ed;
    --fg-dim: #bfc7d2;
    --fg-mute: #a0aab7;
    --fg-faint: #8b95a3;
    --border: #2c333c;
    --border-soft: #272e37;
    --accent: #7aa2ff;
    --accent-hover: #9ab8ff;
    --accent-dim: #9ab8ff;
    --accent-tint: #1d2a44;
    --accent-bg: #1d2a44;
    --accent-cta: #2f63d6;
    --cta-bg: #2f63d6;
    --cta-fg: #ffffff;
    --accent-2: #8fb59a;
    --cyan: #7aa2ff;
    --magenta: #8fb59a;
    --code-bg: #1f242b;
    --danger: #ff9d8f;
    --danger-bg: #3d1f1c;
    --success: #8ad47f;
    --warn: #f2b46a;
    --invert-bg: #e3e7ed;
    --invert-fg: #121519;
    --invert-dim: #4a5360;
    --invert-border: #bfc7d2;
    --shadow: 0 6px 24px #00000059;
    --shadow-pop: 0 16px 40px #000000a6;
    --text-4: #8b95a3;
    --surface: #191d23;
    --surface-2: #1f242b;
    --surface-3: #272e37;
    --line-soft: #242a32;
    --line-strong: #3a424d;
    --accent-line: #2a3a5e;
    --accent-line-2: #3d5487;
    --accent-text: #dfe8ff;
    --accent-text-2: #aec2f2;
    --accent-text-3: #b9c6e0;
    --mood-fg: #cdd5e0;
    --mood-hover: #232a33;
    --mood-hover-line: #4f5967;
    --social-fg: #cdd5e0;
    --mb-host-shadow: #000000a6;
  }
}

/* 공용 헤더·푸터의 폭도 본문과 같은 PC 폭을 따른다. */
mb-header,
mb-footer {
  --mb-max: var(--page-max);
}