/* orbit-seven (PULSAR — SEVEN SIGNALS) — 디자인 시스템 정본.
 *
 * 이름은 Tailwind 4 @theme 이름공간 그대로다(--color-* --font-* --text-* --spacing-* --radius-* --shadow-* --ease-*,
 * 보조로 --font-weight-* --tracking-* --breakpoint-*). 지금은 정적 페이지가 읽으므로 :root 에 둔다 —
 * Next 로 승급할 때는 이 블록을 globals.css 의 `@theme { … }` 안으로 그대로 옮긴다.
 * style.css 는 여기의 var() 만 쓴다. raw 색은 이 파일에만 있다.
 * 근거·대비 실측은 _design/DESIGN.md.
 */
:root {
  /* ── 색 — 흰 무대 + Signal Blue 한 색 ───────────────────────────── */
  /* 바탕 쪽 (이름에 bg·surface·band 가 들어가야 --contrast 가 바탕으로 잰다) */
  --color-bg: #fbfcff;              /* 무대 흰색 — 차가운 쪽(색상각 271°). 종이색이 아니다 */
  --color-surface: #ffffff;         /* 판 — 탭 hover · DoubleBezel 안쪽 판 */
  --color-band: #eef0ff;            /* 파랑이 스민 띠 — DoubleBezel 바깥 껍데기 · 팬클럽 띠 · 자리표시자 바탕 */
  --color-accent-surface: #2233ff;  /* 파란 조명 면 — DdayBadge · Marquee 띠 · 주 버튼 바탕 (--color-accent 와 같은 값, 쓰임이 다르다) */

  /* 글자·선 쪽 */
  --color-ink: #0a0c24;             /* 본문·제목 — 파랑 기운의 검정 */
  --color-ink-muted: #545a7a;       /* 보조 글자 — 포지션·날짜 설명·캡션 */
  --color-accent: #2233ff;          /* Signal Blue — 흰 바탕 위 글자로도 쓴다(6.86:1) */
  --color-accent-deep: #1420c7;     /* 누름·호버 · 띠 위 파란 글자 */
  --color-on-accent: #ffffff;       /* 파란 면 위 글자 */
  --color-on-accent-muted: #d6daff; /* 파란 면 위 보조 글자(시:분:초 라벨 등) */
  --color-line: #d7dbf7;            /* 머리카락 선 — 장식(글자 아님) */
  --color-rail-track: #c9cef0;      /* 신호선의 비어 있는 부분 — 장식(정보는 채워진 파랑이 진다) */

  /* 상태 — 색만으로 구분하지 않는다(글자 + 모양이 같이 간다) */
  --color-focus: #2233ff;           /* 포커스 링 — 파란 면 위에서는 --color-on-accent 로 바꾼다 */

  /* ── 서체 ─────────────────────────────────────────────────────────── */
  /* Unbounded 는 라틴·숫자 전용(한글 글리프 없음) — 영문 예명·곡명·숫자에만. 한글은 Pretendard 로 떨어진다 */
  --font-display: "Unbounded", "Pretendard Variable", Pretendard, system-ui, sans-serif;
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --font-display-ko: "Pretendard Variable", Pretendard, system-ui, sans-serif; /* 한글 제목 — 800 */

  --font-weight-hero: 900;      /* H1 SEVEN SIGNALS · 꼬리 워드마크 · BEACON */
  --font-weight-display: 700;   /* 예명 · 구간 제목(영문) · 로고타입 */
  --font-weight-numeral: 600;   /* D-day · 날짜 숫자 · 번호 */
  --font-weight-ko-title: 800;  /* 한글 제목 짝 */
  --font-weight-body: 400;
  --font-weight-strong: 600;

  /* ── 글자 크기 — 실측 근거: Unbounded 900 "SIGNALS" = 5.85em (DESIGN.md) ─── */
  --text-hero: clamp(2.75rem, 0.4rem + 6.9vw, 7rem);          /* 390→44 · 1024→77 · 1440→106px — 6/12열에 SIGNALS 가 들어간다 */
  --text-hero--line-height: 0.9;
  --text-hero--letter-spacing: -0.02em;
  --text-mega: clamp(4.5rem, 16vw, 15rem);                    /* 꼬리 워드마크 PULSAR (장식) */
  --text-mega--line-height: 0.8;
  --text-numeral-xl: clamp(6rem, 3rem + 12vw, 15rem);         /* 멤버 판 뒤 거대 번호 01–07 */
  --text-numeral-xl--line-height: 0.8;
  --text-dday: clamp(2.5rem, 1rem + 4.6vw, 6rem);             /* DdayBadge "D-12" — 1440→82px */
  --text-dday--line-height: 0.95;
  --text-display-1: clamp(2.25rem, 1.1rem + 4.2vw, 5rem);     /* 하위 장 H1 · BEACON */
  --text-display-1--line-height: 0.95;
  --text-display-1--letter-spacing: -0.015em;
  --text-display-2: clamp(1.625rem, 1.15rem + 1.9vw, 2.75rem); /* 구간 제목 · 예명(멤버 판) · 마키 */
  --text-display-2--line-height: 1.05;
  --text-title: clamp(1.125rem, 1rem + 0.45vw, 1.375rem);     /* 카드·행 제목 · 홈 예명 */
  --text-title--line-height: 1.3;
  --text-body-lg: 1.125rem;
  --text-body-lg--line-height: 1.7;
  --text-body: 1rem;
  --text-body--line-height: 1.7;                              /* 한글 본문 */
  --text-small: 0.875rem;
  --text-small--line-height: 1.55;
  --text-eyebrow: 0.75rem;                                    /* 영문 대문자 라벨만 — 한글은 --text-small 아래로 내리지 않는다 */
  --text-eyebrow--line-height: 1.2;
  --text-eyebrow--letter-spacing: 0.18em;

  --tracking-logo: 0.06em;      /* 워드마크 PULSAR */
  --tracking-tight: -0.02em;
  --tracking-wide: 0.18em;

  /* ── 간격 — Tailwind 4 기본 단위 + 이름 붙인 리듬 ───────────────────── */
  --spacing: 0.25rem;                                          /* 기본 단위 4px */
  --spacing-gutter: clamp(1.25rem, 0.6rem + 2.6vw, 3rem);     /* 좌우 여백 20 → 48px */
  --spacing-grid-gap: clamp(1rem, 0.7rem + 1.2vw, 1.5rem);    /* 12열 거터 16 → 24px */
  --spacing-section: clamp(5rem, 3rem + 8vw, 10rem);          /* 구간 사이 80 → 160px (렌즈의 큰 여백) */
  --spacing-block: clamp(2.5rem, 1.8rem + 3vw, 4.5rem);       /* 구간 안 덩어리 사이 */
  --spacing-stack: 1.5rem;                                     /* 제목 → 본문 */
  --spacing-tight: 0.75rem;
  --spacing-rail: 0.25rem;                                     /* 신호선 두께 4px */
  --spacing-rail-dot: 0.875rem;                                /* 신호선 점 14px */
  --spacing-nav: 3.5rem;                                       /* 모바일 머리 줄 높이 56px */
  --spacing-nav-offset: 1rem;                                  /* 건너뛰기 링크가 화면 귀퉁이에서 떨어진 거리 */
  --spacing-tap: 2.75rem;                                      /* 터치 타깃 최소 44px */
  --spacing-bezel: 0.375rem;                                   /* DoubleBezel 껍데기 두께 6px */
  --spacing-container: 84rem;                                  /* 최대 폭 1344px */
  --spacing-panel-s: 27.5rem;                                  /* 멤버 판 440 */
  --spacing-panel-l: 35rem;                                    /* 리더 판 560 */
  --spacing-panel-xl: 45rem;                                   /* 센터 판 720 */

  /* ── 모서리 — 동심원: 안쪽 = 바깥 − 껍데기 두께 ───────────────────── */
  --radius-pill: 999px;
  --radius-shell: 2rem;                                        /* DoubleBezel 바깥 */
  --radius-core: calc(2rem - 0.375rem);                        /* DoubleBezel 안쪽 */
  --radius-shell-sm: 1.25rem;                                  /* 작은 초상·표지 썸네일 바깥 */
  --radius-core-sm: calc(1.25rem - 0.375rem);
  --radius-tag: 0.5rem;                                        /* 달력 알약 · 종류 태그 */
  --radius-tab: 3px;                                           /* 팬클럽 탭 위 모서리 · 버튼 — 알약 금지(헤더 재설계) */

  /* ── 그림자 — 넓게 퍼진 파란 기운, 검은 그림자 없음 ──────────────────── */
  --shadow-float: 0 1px 1px rgb(10 12 36 / 0.03), 0 28px 60px -28px rgb(34 51 255 / 0.28);
  --shadow-lift: 0 2px 2px rgb(10 12 36 / 0.04), 0 36px 72px -30px rgb(34 51 255 / 0.36);  /* 호버로 떠오른 멤버 */
  --shadow-inner: inset 0 1px 1px rgb(255 255 255 / 0.9);      /* 안쪽 판의 윗 모서리 빛 */

  /* ── 이징 — linear·ease-in-out 기본값 금지(렌즈) ─────────────────────── */
  --ease-fluid: cubic-bezier(0.32, 0.72, 0, 1);    /* 기본 — 등장·이동·판 전환 */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);  /* 신호선 채움 Reveal · 트랙 스크롤 이동 */
  /* impeccable-disable-next-line bounce-easing: Pop in — TODAY 점·NEW 스티커·필터 칩이 한 번 살짝 넘친다(DESIGN.md 모션 규칙). 반복·튕김 없음, 320ms */
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);   /* Pop in — NEW 스티커 · TODAY 점 · 칩 선택 (살짝 넘친다) */
  --ease-press: cubic-bezier(0.2, 0, 0, 1);        /* Press / Tap feedback */
  --ease-marquee: linear;                          /* Marquee 만 — 연속 흐름은 일정 속도여야 한다 */

  /* ── 중단점 — 미디어 쿼리에는 변수를 못 쓴다. 값의 정본으로만 둔다 ─────── */
  --breakpoint-sm: 45rem;   /* 720 — 메뉴 단추 → 팬클럽 탭 넷 */
  --breakpoint-md: 48rem;   /* 768 — 모바일 → 태블릿 */
  --breakpoint-lg: 64rem;   /* 1024 — 12열 · 탭 영문 라벨 · 가로 트랙 Scroll-driven 향상 */
  --breakpoint-xl: 90rem;   /* 1440 — 첫 화면 정의 기준 폭 */
}