/*
 * 배경 패턴 — Figma PATTERN 페이지 (516:10169) · Pattern/Community 319:968 · DLAB OS 319:973 · AI Studio 319:978 · DlabScratch 319:983
 * 서비스마다 하나. 480 타일(Mobile 720 미만은 360 타일)을 1:1로만 반복합니다 — 확대 · 축소 · 회전하지 않습니다.
 * Subtle(기본): GRAY 50 바탕 · GRAY 200 선 / Inverse: BLACK 바탕 · GRAY 800 선 25% (어두운 화면)
 * 쓰는 곳: 로그인 · 빈 화면 · 서비스 배너 · 히어로의 바탕. CardView · Modal · 표 · 폼 · GNB · 사이드바 안에는 쓰지 않습니다.
 * 글자 · 버튼은 패턴 위에 바로 올리지 않습니다. 한 화면에 패턴 하나.
 *
 *   <div class="dlab-pattern dlab-pattern-community">…</div>
 *   <div class="dlab-pattern dlab-pattern-community dlab-pattern-inverse">…</div>
 *
 * 그림 파일은 ./patterns/*.svg (이 CSS와 같은 폴더 기준) — 번들러는 url()을 따라 함께 내보냅니다.
 */
.dlab-pattern {
  background-color: var(--dlab-color-bg-subtle, #f6f6f6);
  background-repeat: repeat;
  background-position: 0 0;
}

.dlab-pattern-inverse {
  background-color: var(--dlab-color-black, #1a1a1a);
}

/* COMMUNITY — 점(사람)과 직각 연결선(관계)의 네트워크 */
.dlab-pattern-community {
  background-image: url('./patterns/community-mobile.svg');
}

.dlab-pattern-community.dlab-pattern-inverse {
  background-image: url('./patterns/community-inverse-mobile.svg');
}

/* D.LAB OS — 거터 20으로 맞물린 앱 창 */
.dlab-pattern-os {
  background-image: url('./patterns/os-mobile.svg');
}

.dlab-pattern-os.dlab-pattern-inverse {
  background-image: url('./patterns/os-inverse-mobile.svg');
}

/* AI STUDIO — 10px 격자 사각 점 하프톤(X자 확산) */
.dlab-pattern-ai-studio {
  background-image: url('./patterns/ai-studio-mobile.svg');
}

.dlab-pattern-ai-studio.dlab-pattern-inverse {
  background-image: url('./patterns/ai-studio-inverse-mobile.svg');
}

/* DlabScratch — 맞물린 블록 스크립트 */
.dlab-pattern-scratch {
  background-image: url('./patterns/scratch-mobile.svg');
}

.dlab-pattern-scratch.dlab-pattern-inverse {
  background-image: url('./patterns/scratch-inverse-mobile.svg');
}

@media (min-width: 720px) {
  .dlab-pattern-community {
    background-image: url('./patterns/community.svg');
  }

  .dlab-pattern-community.dlab-pattern-inverse {
    background-image: url('./patterns/community-inverse.svg');
  }
  .dlab-pattern-os {
    background-image: url('./patterns/os.svg');
  }

  .dlab-pattern-os.dlab-pattern-inverse {
    background-image: url('./patterns/os-inverse.svg');
  }
  .dlab-pattern-ai-studio {
    background-image: url('./patterns/ai-studio.svg');
  }

  .dlab-pattern-ai-studio.dlab-pattern-inverse {
    background-image: url('./patterns/ai-studio-inverse.svg');
  }
  .dlab-pattern-scratch {
    background-image: url('./patterns/scratch.svg');
  }

  .dlab-pattern-scratch.dlab-pattern-inverse {
    background-image: url('./patterns/scratch-inverse.svg');
  }
}