/* ============================================================
   euidos.ai — 디자인 토큰 (single source of truth)
   색·타이포·간격·라운드·섀도우. 따뜻한 톤 금지, 쿨톤만.
   설계 스펙 §4 디자인 시스템 근거.
   ============================================================ */
:root {
  /* ---- 3색 아이덴티티 (사이트 전역 신호색) ----
     teal=MES(연결) / indigo=MOM(커스터마이징) / violet=AI(자동화) */
  --c-teal:        #0d9488;  /* MES · 연결 */
  --c-teal-vivid:  #14b8a6;
  --c-teal-soft:   #def4f2;
  --c-teal-glow:   rgba(20,184,166,.55);

  --c-indigo:       #4f46e5; /* MOM · 커스터마이징 */
  --c-indigo-vivid: #6366f1;
  --c-indigo-soft:  #e6e8ff;
  --c-indigo-glow:  rgba(99,102,241,.55);

  --c-violet:       #7c3aed; /* AI · 자동화 */
  --c-violet-vivid: #a78bfa;
  --c-violet-soft:  #ede9fe;
  --c-violet-glow:  rgba(167,139,250,.6);

  /* ---- 쿨 베이스 (near-white cool, 따뜻한 톤 금지) ---- */
  --bg:        #f3f6fb;       /* 페이지 배경 */
  --bg-tint:   #eef3fb;       /* 교차 섹션용 살짝 진한 쿨톤 */
  --panel:     rgba(255,255,255,.72);  /* 프로스티드 글라스 패널 */
  --panel-solid: #ffffff;

  /* ---- 잉크(딥 쿨네이비 텍스트) ---- */
  --ink:    #0f1e33;          /* 본문 강조/제목 */
  --ink-2:  #42556e;          /* 본문 */
  --ink-3:  #7b8ca3;          /* 캡션·보조 */

  /* ---- 라인·표면 ---- */
  --line:      rgba(120,150,190,.28);  /* 얇은 쿨 라인 1px */
  --line-soft: rgba(120,150,190,.16);

  /* ---- 그라디언트(3색 시그니처) ---- */
  --grad-tri: linear-gradient(92deg, var(--c-teal) 0%, var(--c-indigo) 55%, var(--c-violet) 100%);

  /* ---- 타이포 ---- */
  --font-sans: 'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo',
               'Malgun Gothic', 'Noto Sans KR', system-ui, sans-serif;
  /* Latin 은 monospace 유지, 한글은 뒤쪽 한국어 폰트로 글리프 폴백(두부 방지) */
  --font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, 'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo', 'Malgun Gothic', monospace;

  --fs-display: clamp(1.9rem, 4.4vw, 3.15rem); /* 히어로 */
  --fs-h2:      clamp(1.6rem, 3.2vw, 2.4rem);  /* 섹션 타이틀 */
  --fs-h3:      clamp(1.15rem, 1.8vw, 1.45rem);
  --fs-body:    clamp(.98rem, 1.4vw, 1.09rem);
  --fs-sm:      .9rem;
  --fs-label:   .8rem;

  --lh-tight: 1.22;
  --lh-body:  1.66;

  /* ---- 간격 스케일 ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* 섹션 상하 리듬 */
  --section-pad-y: clamp(64px, 9vw, 120px);
  --container-max: 1200px;
  --container-pad: clamp(20px, 4vw, 44px);

  /* ---- 라운드 (12~20px) ---- */
  --radius-sm:  10px;
  --radius:     14px;
  --radius-lg:  20px;
  --radius-pill: 999px;

  /* ---- 쿨 섀도우 (낮은 채도, 쿨네이비) ---- */
  --shadow-sm:  0 6px 16px -6px rgba(40,70,120,.22);
  --shadow:     0 12px 30px -12px rgba(30,60,120,.28);
  --shadow-lg:  0 32px 70px -30px rgba(50,80,140,.35);
  --shadow-cta: 0 10px 26px -8px rgba(79,70,229,.5);

  /* ---- 모션 ---- */
  --ease: cubic-bezier(.2,.7,.2,1);
}