/* ===========================================================
   JSK Counsel — design tokens
   One declaration per property. Korean overrides re-point the
   SAME role tokens, so EN and KO can never drift apart.
   =========================================================== */

:root{
  /* ---- palette (unchanged from v10) ---- */
  --ink:#16233d;
  --ink-2:#223357;
  --paper:#f6f4ee;
  --paper-2:#efece3;
  --brass:#8a6a2f;
  --brass-soft:#b99a5c;
  --charcoal:#2a2a28;
  --rule:#cfc9b8;
  --white:#fffdf8;
  --body-ink:#3a372f;
  --muted:#5c574a;
  --label:#6b4e17;

  /* ---- font roles (English) ---- */
  --font-display:'Noto Serif', Georgia, 'Times New Roman', serif;
  --font-body:'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-ui:Arial, Helvetica, 'Helvetica Neue', sans-serif;
  --font-metric:'Fraunces', Georgia, serif;

  /* ---- display scale (English) ---- */
  --h1-size:clamp(34px, 4.6vw, 54px);
  --h1-lh:1.14;
  --h1-ls:-0.015em;
  --h1-weight:600;

  --title-size:clamp(28px, 3vw, 38px);
  --title-lh:1.3;
  --title-ls:-0.02em;
  --title-weight:500;

  --sub-size:clamp(22px, 2.1vw, 26px);
  --sub-lh:1.4;
  --sub-weight:500;

  --lead-size:clamp(21px, 2.1vw, 26px);
  --lead-lh:1.4;

  /* ---- body (English) ---- */
  --body-size:17px;
  --body-lh:1.80;
  --body-ls:0;
  --desc-lh:1.80;
  --measure:34em;

  /* ---- interface scale (English) ---- */
  --t-nav:13px;
  --t-navcta:12.5px;
  --t-lang:12.5px;
  --t-eyebrow:11.5px;
  --t-sectionlabel:11.5px;
  --t-grouplabel:11.5px;
  --t-sectorlabel:11.5px;
  --t-sectorlist:17px;
  --t-statlabel:11.5px;
  --t-cat:10.5px;
  --t-deflabel:10.5px;
  --t-formlabel:11.5px;
  --t-footer:10.5px;
  --t-micro:10.5px;

  /* uppercase interface tracking */
  --ls-ui:0.12em;
  --ls-ui-wide:0.14em;
  --ls-sectorlist:0.02em;

  /* ---- spacing system ---- */
  --section-space:clamp(80px, 7vw, 100px);
  --head-gap:clamp(42px, 4vw, 56px);
  --para-gap:17px;
  --intro-gap:clamp(50px, 5vw, 64px);
  --row-pad:clamp(36px, 3.4vw, 46px);
  --career-pad:clamp(36px, 3.2vw, 44px);
  --group-gap:clamp(60px, 6vw, 76px);
  --footnote-gap:clamp(44px, 4vw, 52px);
  --cta-gap:clamp(56px, 5.5vw, 72px);
  --wrap:1120px;
  --wrap-pad:22px;
  --header-h:96px;

  /* ---- interaction ---- */
  --tap:44px;
  --focus:2px solid var(--brass);
  --focus-offset:3px;
}

/* ===========================================================
   Korean — re-points the same roles. No duplicated stylesheet.
   =========================================================== */
html[lang="ko"]{
  --font-display:'Noto Serif KR', 'Noto Serif', serif;
  --font-body:'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
  --font-ui:'Noto Sans KR', Arial, Helvetica, sans-serif;
  --font-metric:'Fraunces', 'Noto Serif KR', Georgia, serif;

  --h1-size:clamp(32px, 4.4vw, 50px);
  --h1-lh:1.36;
  --h1-ls:-0.025em;
  --h1-weight:600;

  --title-size:clamp(28px, 3vw, 38px);
  --title-lh:1.48;
  --title-ls:-0.025em;
  --title-weight:600;

  --sub-size:clamp(21px, 2vw, 25px);
  --sub-lh:1.55;
  --sub-weight:600;

  --lead-size:clamp(20px, 2vw, 25px);
  --lead-lh:1.62;

  --body-size:16.5px;
  --body-lh:1.94;
  --body-ls:0;
  --desc-lh:1.94;
  --measure:30em;

  /* Korean interface text is larger and barely tracked */
  --t-nav:14px;
  --t-navcta:13px;
  --t-lang:13px;
  --t-eyebrow:13px;
  --t-sectionlabel:13px;
  --t-grouplabel:13px;
  --t-sectorlabel:13px;
  --t-sectorlist:17px;
  --t-statlabel:12.5px;
  --t-cat:12px;
  --t-deflabel:12px;
  --t-formlabel:12.5px;
  --t-footer:11.5px;
  --t-micro:11.5px;

  --ls-ui:0.02em;
  --ls-ui-wide:0.025em;
  --ls-sectorlist:0;
}

@media (max-width:900px){
  :root{ --section-space:clamp(64px, 9vw, 72px); --header-h:80px; }
}