/* ══ 데일로 DAILO v3 · 계층 2 SEMANTIC (의미) ══════════════════
   global 원시값에 역할을 부여한다. 화면은 원칙적으로 이 계층부터 참조한다.
   v3 = 재설계 2단계 2-① T-RD2-L1(DS v3 §1-9 · §1-10) · 정본 = 이 파일(설계 조정자 결정 C-03). */
:root{
  /* ── 텍스트 ────────────────────────────────────────────── */
  --text-strong:var(--gray-900);   /* 15.90 : 1 */
  --text-body:var(--gray-900);
  --text-sub:var(--gray-600);      /*  4.70 : 1 — 흰 면 위 보조 글자 */
  /* 흰색이 아닌 중립 바탕(연회색 페이지·사이드바 · 가라앉은 바탕) 위 보조 글자 — 그 바탕에서 --text-sub 는
     4.31 · 4.11 로 미달이라 바탕과 쌍으로 고른다(DS §1-3-4 · LG-073). 색이 있는 바탕(액센트 soft) 위는
     회색이 아니라 --theme-accent-deep(8.11). 새 색 없이 기존 단계에서 고른다. */
  --text-sub-on-tint:var(--gray-700);   /* 8.60 · 8.22 : 1 */
  --text-faint:var(--gray-600);    /* §6 — gray-400 은 텍스트 금지(3.09) */
  --text-accent:var(--theme-accent);
  --text-on-accent:var(--white);
  --text-disabled:var(--gray-600);

  /* ── 표면 ──────────────────────────────────────────────── */
  /* 모든 면은 불투명이다(유리 0 — 사장 8zzw 「모두 삭제」). 화면 가장자리 크롬(상단 바 · 하단 탭 바 ·
     확인 모드 하단 바 · 키오스크 단계 바)도 --surface-card + 1px --border-line · 그림자 없음.
     상단 바 바탕 = 원장·매니저 표면은 흰색, 학생·학부모 대면 표면은 브랜드 액센트(v2.6 사용자 확정 ·
     설계 조정자 결정 C-06) — 제목·학원명이 얹히는 표면이라 대비가 늘 같아야 한다. 알파 색은 덮개 하나뿐.
     단 관리자 셸의 사이드바(폰·태블릿 서랍 포함)와 1023px 이하 위 띠 = 깊은 데일로 파랑(사장 8zzz31 안 4b · 값 = component.css
     셸 별칭) — 넓은 화면 상단바는 흰색 그대로이고, 학부모 대면 브랜드 액센트와는 농도(진한 단계)로 갈린다. */
  --surface-page:var(--gray-50);
  --surface-card:var(--white);
  --surface-soft:var(--theme-accent-soft);
  --surface-sunken:var(--gray-100);
  --surface-panel:var(--white);
  --surface-scrim:var(--scrim);

  /* ── 테두리 (§3-6) ─────────────────────────────────────── */
  --border-line:var(--gray-200);      /* 카드·구분선 · 고정 크롬 경계 */
  --border-input:var(--gray-400);     /* 입력 — 3.09:1 비텍스트 통과 */
  --border-strong:var(--gray-600);

  /* ── 테마 슬롯 (§1-1 · 학원별 교체 대상은 이 3개뿐) ────────── */
  --theme-accent:var(--blue-600);
  --theme-accent-soft:var(--blue-050);
  --theme-accent-deep:var(--blue-800);

  /* ── 의미 색 (§3-2) ────────────────────────────────────── */
  --semantic-success:var(--green-700);  --semantic-success-soft:var(--green-050);
  --semantic-warning:var(--orange-700); --semantic-warning-soft:var(--orange-050);
  --semantic-danger:var(--red-700);     --semantic-danger-soft:var(--red-050);
  --semantic-neutral:var(--gray-700);   --semantic-neutral-soft:var(--gray-100);

  /* ── 상태 7코드 × 3톤 (§1-3 · 제품 진실, 변경 금지)
     done = 액센트 파랑 [D-11] · 결측 3종은 전부 중립(적색 금지 §1-4)   */
  --status-done-fg:var(--theme-accent);        --status-done-bg:var(--theme-accent-soft);
  --status-warn-fg:var(--semantic-warning);    --status-warn-bg:var(--semantic-warning-soft);
  --status-neutral-fg:var(--semantic-neutral); --status-neutral-bg:var(--semantic-neutral-soft);
  /* 위험 톤 — 위 7코드 계약 밖의 운영 상태 축 전용: 되돌릴 수 없는 동작의 최종 버튼과 시스템이 실패한 사실
     (저장·발송 실패)에만(사장 선택 RDS-G11 「A」 · DS §1-3-1). 경고·기한 지남·결측에는 쓰지 않는다. */
  --status-danger-fg:var(--semantic-danger);   --status-danger-bg:var(--semantic-danger-soft);

  /* ── 등락 (텍스트 컬러로만 · 배경 채움 금지) ────────────────── */
  --delta-up:var(--theme-accent); --delta-down:var(--semantic-warning);

  /* ── 타입 램프 v3 (§3-3 · letter-spacing 전부 0 · 사장 선택 V3-G2 「A」) ── */
  --type-large-title:var(--fw-bold) var(--fs-34)/var(--lh-tight) var(--font-ko);
  --type-title-1:var(--fw-bold) var(--fs-28)/var(--lh-title) var(--font-ko);
  --type-title-2:var(--fw-bold) var(--fs-22)/var(--lh-title) var(--font-ko);
  --type-title-3:var(--fw-bold) var(--fs-20)/var(--lh-title) var(--font-ko);
  --type-headline:var(--fw-semibold) var(--fs-17)/var(--lh-text) var(--font-ko);
  --type-body:var(--fw-regular) var(--fs-16)/var(--lh-body) var(--font-ko);
  --type-body-strong:var(--fw-semibold) var(--fs-16)/var(--lh-body) var(--font-ko);
  --type-callout:var(--fw-regular) var(--fs-15)/var(--lh-relaxed) var(--font-ko);
  --type-subheadline:var(--fw-regular) var(--fs-14)/var(--lh-relaxed) var(--font-ko);
  --type-subheadline-strong:var(--fw-semibold) var(--fs-14)/var(--lh-relaxed) var(--font-ko);
  --type-footnote:var(--fw-regular) var(--fs-13)/var(--lh-text) var(--font-ko);
  --type-footnote-strong:var(--fw-semibold) var(--fs-13)/var(--lh-text) var(--font-ko);  /* 표 머리 · 상태 칩 글자 · 탭 — v3 신설(V3-08) */
  --type-caption-1:var(--fw-regular) var(--fs-12-5)/var(--lh-text) var(--font-ko);
  --type-caption-2:var(--fw-bold) var(--fs-11-5)/var(--lh-snug) var(--font-ko);
  /* 플랫폼 본문 (§3-3 신설 규칙) */
  --type-body-desktop:var(--type-subheadline);            /* 관리자 42화면 = 14 */
  --type-body-desktop-strong:var(--type-subheadline-strong);
  --type-body-mobile:var(--type-body);                    /* 모바일·태블릿 30화면 = 16 */
  /* 화면 본문 별칭 — 화면 코드는 본문에 이 둘만 쓴다. 기본 = 데스크톱 14 · 폰(767px 이하)은 base.css 가
     --type-body-mobile(16)로 갈아끼운다(사장 선택 V3-G1 「A」 「규칙대로 폰에서 16px」 · LG-081). */
  --type-body-ui:var(--type-body-desktop);
  --type-body-ui-strong:var(--type-body-desktop-strong);
  --tracking-caps:.01em;  /* 전각 대문자 배지 라벨 전용 — 그 외 전부 0 */

  /* ── 반경 앨리어스 (v3 · 사장 결정 Q-2 「한 단계 각지게」)
     누르는 것(버튼 · 입력 · 선택 칸 트리거 · 메뉴 항목 · 판정 타일) = 8 · 카드 · 확인 창 · 서랍 · 시트 ·
     팝오버 패널 = 12 · 안쪽 묶음 · 토스트 = 8 · 탭 · 세그먼트 칸 = 6 · 완전 둥근 999 = 고르는 알약 · 상태 칩 ·
     건수 배지 · 켜기 스위치 · 진행 막대 · 단계 점에만. 모양이 뜻(누름 / 고름 / 상태)을 갖는다. */
  --radius-control:var(--r-8);
  --radius-panel:var(--r-12); --radius-card:var(--r-12);
  --radius-inner:var(--r-8);  --radius-tab:var(--r-6);  --radius-pill:var(--r-full);

  /* ── 레이어 6단 (§3-9 · 임의 z-index 금지) ────────────────── */
  --z-base:0; --z-sticky:100; --z-overlay:300; --z-modal:400; --z-toast:500; --z-tooltip:600;

  /* ── 그림자 1단계 (v3 · DS V-3 · R-T8) ─────────────────────
     내용 위에 떠서 겹치는 것(팝오버 · 펼침 메뉴 · 토스트 · 확인 창·모달 · 덮개 서랍)에만 쓴다. 카드 · 절 · 표 ·
     입력 · 화면 가장자리 크롬 = 그림자 없음(1px 선). 새 그림자가 필요해 보이면 「내용 위에 떠서 겹치는가」부터. */
  --shadow-raised:0 4px 14px rgba(26,34,51,.10);

  /* ── 포커스 링 (v3 · 설계 조정자 결정 C-08) — 2층 실선: 흰 2px + 액센트 2px(퍼짐 값 2px / 4px).
     후광 층은 없다 — 오프셋 없는 반투명 번짐이라 「효과 거의 없음」(사장 8zzw D1)에 걸리고, 액센트 층만으로
     흰 바탕 5.98 : 1 이라 보임은 그대로다. 액센트가 테마 슬롯이라 화이트라벨 교체 시 함께 바뀐다. */
  --ring-focus:0 0 0 2px var(--white),0 0 0 4px var(--theme-accent);
  /* 셸 링 — 진한 셸(관리자 사이드바 · 1023px 이하 위 띠 · 사장 8zzz31 안 4b) 위 초점. 기본 링의 안팎을 뒤집었다: 안 = 테마 진한
     단계 2px · 밖 = 흰 2px. 기본 링의 바깥 액센트 층은 진한 셸과 1.54 : 1 로 묻히지만, 이 링은 바깥 흰 층이 셸과 9.17 · 흰 탭 ·
     흰 찾기 칸 위에서는 안쪽 진한 층이 9.17 — 어느 바탕이든 한 층이 양옆과 3 : 1 이상(color-4b 대비-실측.md). 알파 0. */
  --ring-on-shell:0 0 0 2px var(--theme-accent-deep),0 0 0 4px var(--white);
  --ring-error:0 0 0 3.5px var(--semantic-danger-soft);   /* 입력 오류 — 1px 선 대신 선+halo 2층 */

  /* ── 모션 3단 규칙용 의미 토큰 (§3-5 reduced-motion 폴백 대상)
     move = 이동(제거 대상) / color = 색·불투명도(유지) / loop = 반복(정지)
     v3 = 움직임은 상태만 — 등장·순차 등장·스프링 튐·그리기·반짝임 없음(설계 조정자 결정 C-11). */
  --motion-move-dur:var(--dur-fast);
  --motion-color-dur:var(--dur-fast);
  --motion-surface-dur:var(--dur-med);   /* 서랍·아래 시트 = 들어오는 쪽에서 .24s 감속(스프링 363ms 폐기) */
  --motion-press-dur:var(--dur-press);
  --motion-loop-state:running;
  --motion-press:scale(var(--press-scale));
}