/* Grand J Ballet Academy — Output format tokens
   Canvas sizes, margins, and safe zones for every deliverable format. */
:root {
  /* Instagram feed (4:5) */
  --canvas-feed-w: 1080px;
  --canvas-feed-h: 1350px;
  --margin-feed: 72px;

  /* Instagram story (9:16) — keep content inside the safe zone:
     top 250px (username/close) and bottom 250px (reply bar) are UI-covered */
  --canvas-story-w: 1080px;
  --canvas-story-h: 1920px;
  --margin-story: 96px;
  --story-safe-top: 250px;
  --story-safe-bottom: 250px;

  /* Presentation slide (16:9) */
  --canvas-slide-w: 1920px;
  --canvas-slide-h: 1080px;
  --margin-slide: 120px;
  --slide-title: 88px;   /* min 64px */
  --slide-body: 32px;    /* min 24px */

  /* Web (mobile-first) breakpoints — use with media queries in consuming pages */
  --bp-mobile: 360px;
  --bp-tablet: 768px;
  --bp-desktop: 1200px;

  /* ── Fixed anchor slots (매달 같은 자리 — 그리드 통일감의 실체) */
  /* 워터마크: 마스터 로고 gray(밝은 배경, op .5) / white(어두운 배경, op .35) */
  --slot-watermark-w: 150px;
  --slot-watermark-right: 40px;
  --slot-watermark-bottom: 32px;       /* 피드·문서 */
  --slot-watermark-bottom-story: 290px; /* 스토리: 세이프존 250 + 40 */
  /* 전환 배지 (UrgencyBadge): 우상단, 게시물당 1개 */
  --slot-badge-top: 56px;
  --slot-badge-right: 56px;
}