/* ep-vars.css v1.0.0 | EntecPower | 2026-04-22
 * CSS Variables ONLY — safe for ALL pages (no resets, no component styles)
 * Use this for broad injection into any legacy page.
 * For EP-designed pages, use ep-design.css instead.
 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

/* ── 1. Design Tokens · Light (default) ── */
:root {
  --color-bg:#fff;--color-bg-card:#f8fafc;--color-bg-footer:#f1f5f9;
  --color-bg-nav:rgba(255,255,255,0.92);--color-bg-overlay:rgba(15,23,42,.82);
  --color-brand:#2563EB;--color-brand-dark:#1e40af;--color-brand-dim:rgba(37,99,235,.10);
  --color-accent:#0ea5e9;--color-accent-dim:rgba(14,165,233,.12);
  --color-accent-border:rgba(14,165,233,.30);--color-nav-hover:#1d4ed8;
  --color-ink:#1e293b;--color-muted:#64748b;--color-white:#fff;
  --color-border:rgba(0,0,0,.10);--color-border-hover:rgba(0,0,0,.22);
  --color-border-strong:rgba(0,0,0,.15);
  --color-success:#16a34a;--color-success-bg:rgba(22,163,74,.10);
  --color-warning:#d97706;--color-warning-bg:rgba(217,119,6,.10);
  --color-danger:#dc2626;--color-danger-bg:rgba(220,38,38,.10);
  --color-info:#0ea5e9;--color-info-bg:rgba(14,165,233,.10);
  --font-sans:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --font-ko:'Pretendard','Apple SD Gothic Neo','Noto Sans KR',sans-serif;
  --font-ja:'Pretendard','Hiragino Sans','Yu Gothic','Meiryo',sans-serif;
  --font-zh:'Pretendard','PingFang SC','Microsoft YaHei',sans-serif;
  --font-size-xs:clamp(11px,1.4vw,12px);--font-size-sm:clamp(13px,1.6vw,14px);
  --font-size-base:clamp(15px,1.8vw,16px);--font-size-lg:clamp(18px,2.2vw,20px);
  --font-size-xl:clamp(22px,2.8vw,28px);--font-size-hero:clamp(32px,6vw,56px);
  --weight-normal:400;--weight-medium:600;--weight-bold:700;--weight-black:800;
  --line-base:1.6;--line-tight:1.25;--line-snug:1.4;--line-relaxed:1.8;
  --space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;
  --space-5:48px;--space-6:64px;--space-7:80px;--space-8:100px;
  --container-max:1280px;--container-pad:clamp(16px,4vw,24px);
  --section-pad:clamp(60px,12vw,100px);
  --radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.10);
  --shadow-lg:0 12px 32px rgba(0,0,0,.14);--shadow-btn:0 4px 12px rgba(37,99,235,.25);
  --shadow-nav:0 2px 16px rgba(0,0,0,.08);
}

/* ── 2. Dark Mode ── */
[data-theme="dark"] {
  --color-bg:#0b1220;--color-bg-card:#0f172a;--color-bg-footer:#060913;
  --color-bg-nav:rgba(15,23,42,.94);--color-bg-overlay:rgba(2,6,23,.92);
  --color-brand:#3b82f6;--color-brand-dark:#2563eb;--color-brand-dim:rgba(59,130,246,.12);
  --color-accent:#22d3ee;--color-accent-dim:rgba(34,211,238,.12);
  --color-accent-border:rgba(34,211,238,.28);--color-nav-hover:#6dffc6;
  --color-ink:#e8ecf1;--color-muted:#94a3b8;
  --color-border:rgba(255,255,255,.08);--color-border-hover:rgba(255,255,255,.20);
  --color-border-strong:rgba(255,255,255,.15);
  --color-success:#86efac;--color-success-bg:rgba(22,163,74,.13);
  --color-warning:#fde68a;--color-warning-bg:rgba(245,158,11,.13);
  --color-danger:#fca5a5;--color-danger-bg:rgba(220,38,38,.13);
  --color-info:#93c5fd;--color-info-bg:rgba(14,165,233,.13);
  --shadow-sm:0 1px 3px rgba(0,0,0,.40);--shadow-md:0 4px 12px rgba(0,0,0,.50);
  --shadow-lg:0 12px 32px rgba(0,0,0,.60);--shadow-btn:0 4px 14px rgba(37,99,235,.35);
  --shadow-nav:0 4px 20px rgba(0,0,0,.40);
}

/* ── 3. System Auto-detect ── */
@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) {
    --color-bg:#0b1220;--color-bg-card:#0f172a;--color-bg-footer:#060913;
    --color-bg-nav:rgba(15,23,42,.94);--color-brand:#3b82f6;
    --color-accent:#22d3ee;--color-accent-dim:rgba(34,211,238,.12);
    --color-accent-border:rgba(34,211,238,.28);
    --color-ink:#e8ecf1;--color-muted:#94a3b8;
    --color-border:rgba(255,255,255,.08);--color-border-hover:rgba(255,255,255,.20);
    --shadow-sm:0 1px 3px rgba(0,0,0,.40);--shadow-md:0 4px 12px rgba(0,0,0,.50);
    --shadow-lg:0 12px 32px rgba(0,0,0,.60);
  }
}
/* ep-vars.css v1.0.0 — End */