/* ============================================================
   마당 디자인 시스템 토큰 — madang-design-system/project/tokens/* 원본 이관
   변경 금지: 값 수정 시 디자인 시스템 원본과 동기화할 것
   ============================================================ */

/* ─ fonts ─ */
@font-face{font-family:'Pretendard Variable';src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/woff2/PretendardVariable.woff2') format('woff2-variations');font-weight:45 920;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
  /* ─ Base palette · 단청의 현대화 ─ */
  --madang-white:#FDFBF7;
  --paper:#FFFFFF;
  --ink-900:#1F1E1C;
  --ink-700:#4A4741;
  --ink-500:#736F67;
  --ink-400:#8F8A80;
  --ink-300:#B5B0A6;
  --line-200:#E8E4DA;
  --line-100:#F1EDE4;
  --fill-100:#F6F3EC;
  --coral-600:#E5551F;
  --coral-500:#FF6B3D;
  --coral-100:#FFE9E0;
  --coral-50:#FFF3EE;
  --blue-600:#2A53E0;
  --blue-500:#3D6BFF;
  --blue-100:#E3EAFF;
  --blue-50:#EFF3FF;
  --green-600:#189A6B;
  --green-500:#2BC48A;
  --green-100:#DCF5EA;
  --green-50:#ECFAF3;
  --amber-600:#B26E00;
  --amber-500:#F0A028;
  --amber-100:#FCEDD3;
  --red-600:#C93A36;
  --red-500:#E5484D;
  --red-100:#FBE2E2;
  /* DATA.MADANG 제품 액센트 — 쪽빛 인디고 (확장 규칙: 신제품 비비드 1색) */
  --indigo-600:#3E42C8;
  --indigo-500:#5458E8;
  --indigo-100:#E2E4FF;
  --indigo-50:#EFF0FF;

  /* ─ Semantic aliases (light) ─ */
  --bg:var(--madang-white);
  --surface-card:var(--paper);
  --surface-sunken:var(--fill-100);
  --text-strong:var(--ink-900);
  --text-body:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-faint:var(--ink-400);
  --text-on-accent:#FFFFFF;
  --border:var(--line-200);
  --border-subtle:var(--line-100);
  --accent:var(--coral-500);
  --accent-hover:var(--coral-600);
  --accent-subtle:var(--coral-50);
  --accent-text:var(--coral-600);
  --interactive:var(--blue-500);
  --interactive-hover:var(--blue-600);
  --interactive-subtle:var(--blue-50);
  --interactive-text:var(--blue-600);
  --positive:var(--green-500);
  --positive-text:var(--green-600);
  --positive-subtle:var(--green-50);
  --warning:var(--amber-500);
  --warning-text:var(--amber-600);
  --warning-subtle:var(--amber-100);
  --danger:var(--red-500);
  --danger-text:var(--red-600);
  --danger-subtle:var(--red-100);
  --focus-ring:0 0 0 3px rgba(61,107,255,.35);

  /* ─ typography ─ */
  --font-sans:'Pretendard Variable',Pretendard,-apple-system,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;
  --font-mono:'JetBrains Mono','D2Coding',ui-monospace,monospace;
  --text-display:800 56px/1.2 var(--font-sans);   --ls-display:-0.02em;
  --text-h1:700 40px/1.25 var(--font-sans);       --ls-h1:-0.02em;
  --text-h2:700 32px/1.3 var(--font-sans);        --ls-h2:-0.015em;
  --text-h3:700 24px/1.4 var(--font-sans);        --ls-h3:-0.01em;
  --text-h4:600 20px/1.45 var(--font-sans);       --ls-h4:-0.01em;
  --text-body-lg:400 18px/1.7 var(--font-sans);
  --text-body:400 16px/1.7 var(--font-sans);
  --text-body-sm:400 14px/1.6 var(--font-sans);
  --text-caption:400 12px/1.5 var(--font-sans);   --ls-caption:0;
  --text-label:600 14px/1.45 var(--font-sans);
  --text-code:400 13px/1.6 var(--font-mono);

  /* ─ spacing · 4px base ─ */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
  --space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
  --radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;
  --shadow-1:0 1px 2px rgba(31,30,28,.05);
  --shadow-2:0 2px 8px rgba(31,30,28,.07);
  --shadow-3:0 6px 20px rgba(31,30,28,.10);
  --shadow-4:0 16px 40px rgba(31,30,28,.14);

  /* ─ 레이아웃 상수 (본 퍼블리싱 전용) ─ */
  --gnb-h:64px;          /* DS SiteHeader 규격 — 단일 64px 헤더 */
  --svcheader-h:0px;     /* 서비스 헤더는 SiteHeader로 통합 (DS marketing/SiteHeader) */
  --lnb-w:236px;
}

/* ─ Dark mode (보조) ─ */
[data-theme="dark"]{
  --bg:#181713;
  --surface-card:#211F1B;
  --surface-sunken:#2A2823;
  --text-strong:#F5F2EA;
  --text-body:#CFCAC0;
  --text-muted:#9B958A;
  --text-faint:#7B766C;
  --border:#38352E;
  --border-subtle:#2E2B25;
  --accent:#FF7B50;
  --accent-hover:#FF8F6A;
  --accent-subtle:#33241D;
  --accent-text:#FF8F6A;
  --interactive:#6488FF;
  --interactive-hover:#84A0FF;
  --interactive-subtle:#1F2536;
  --interactive-text:#84A0FF;
  --positive:#3BD69B;
  --positive-text:#3BD69B;
  --positive-subtle:#1B2E26;
  --warning:#F5B04C;
  --warning-text:#F5B04C;
  --warning-subtle:#332A19;
  --danger:#F26B6F;
  --danger-text:#F26B6F;
  --danger-subtle:#33201F;
}