/* ══════════════════════════════════════════════════════════════════════
   AIR 디자인 토큰 — 단일 출처 (3콘솔 공유)
   정본: air-project/41.가이드_정책/GUIDE_디자인시스템 (라이트) + GUI AI_Repurposing_GUI 실측 (다크)
   갱신: 2026-07-17

   테마 규칙 (LOG_변경-결정-요청 §C):
     · 로그인 전 · admin(8090) · tenant(8092)  = 라이트  → :root 기본값
     · 로그인 후 studio(8091) 콘솔 내부         = 다크    → [data-theme="dark"] / #shell

   사용법: 각 콘솔이 app.css 보다 먼저 이 파일을 link 한다.
     <link rel="stylesheet" href="tokens.css">
     <link rel="stylesheet" href="app.css">
   콘솔별 tokens.css 는 shared/tokens.css 의 사본(동기화 스크립트: scripts/sync-tokens.sh).
   ────────────────────────────────────────────────────────────────────── */

:root{
  color-scheme: light;

  /* ── Brand (주 파랑) — 라이트 콘솔 정본. KT Admin Portal DS 파생 ── */
  --brand:        #0052FF;
  --brand-600:    #0043D1;   /* hover */
  --brand-050:    #EAF0FF;   /* wash */
  --brand-line:   #CFE0FF;

  /* ── Text ── */
  --ink:          #1A1D24;   /* 제목·강조 */
  --ink-2:        #2E333B;   /* 표준 텍스트(라이트 대응) */
  --ink-mut:      #5B6472;   /* 본문 */
  --ink-dim:      #8A93A3;   /* 라벨·메타·placeholder */
  --ink-disabled: #C4C9D1;

  /* ── Surface / Border ── */
  --canvas:       #F4F6FA;   /* 페이지 배경 */
  --surface:      #FFFFFF;   /* 카드·패널·테이블 */
  --deep:         #FFFFFF;   /* 입력 배경(라이트에선 surface 와 같음) */
  --subtle:       #FAFBFC;   /* hover·약한 배경 */
  --chip:         #EEF1F5;   /* 칩·라벨 배경 */
  --card:         #FFFFFF;   /* 콘텐츠 카드 */
  --card-2:       #FAFBFC;   /* 추가 타일 */
  --popup:        #FFFFFF;   /* confirm 팝업(라이트 대응) */
  --line:         #E4E8EF;   /* 기본 보더 */
  --line-strong:  #D8DEE7;   /* 인풋·구분 보더 */

  /* ── Sidebar (라이트 콘솔 = 다크 차콜 사이드바) ── */
  --side-bg:      #12151C;
  --side-fg:      #C9D1DE;
  --side-mut:     #7A8494;
  --side-active:  var(--brand);

  /* ── Header ── */
  --head-bg:      #FFFFFF;

  /* ── Semantic (의미 색) ── */
  --ok:   #12B76A;  --warn: #F79009;  --err:  #F04438;  --info: #2E90FA;
  --ok-wash:  #E7F9F1;  --warn-wash: #FEF3E6;  --err-wash: #FDECEA;  --info-wash: #EAF2FE;
  --ok-ink:   #0A7C48;  --warn-ink:  #9A5B00;  --err-ink:  #B42318;
  --up:   #F04438;  /* 상승(국내 관행: 빨강) */
  --down: #2E90FA;  /* 하락(파랑) */

  /* ── Shape / Type / Layout ── */
  --radius-sm: 6px;  --radius: 10px;  --radius-lg: 12px;  --radius-pill: 999px;
  --gap: 16px;
  --header-h: 60px;  --side-w: 236px;  --side-w-min: 60px;
  --font: 'Roboto','Pretendard','Noto Sans KR',system-ui,-apple-system,sans-serif;
  --font-mono: ui-monospace, Menlo, 'Roboto Mono', monospace;
}

/* ══ 다크 테마 — studio 콘솔 내부. GUI AI_Repurposing_GUI 16:13417 실측 ══
   #shell 이 자동으로 다크가 되도록 하고, [data-theme="dark"] 로도 켤 수 있게 둔다. */
:root[data-theme="dark"], .theme-dark, #shell{
  color-scheme: dark;

  --brand:        #15AF8B;   /* GUI 강조 — 초록/틸 */
  --brand-600:    #119071;
  --brand-050:    rgba(21,175,139,.14);
  --brand-line:   rgba(21,175,139,.30);

  --ink:          #FFFFFF;
  --ink-2:        #F0F1F5;   /* GUI 표준 텍스트(제목·본문) — 순백보다 살짝 연함 */
  --ink-mut:      #BEC0C9;
  --ink-dim:      #8A8F9A;
  --ink-disabled: #5B5E66;

  --canvas:       #1F2127;   /* 콘텐츠 영역 */
  --surface:      #1F2127;   /* 카드 = 면이 아니라 테두리로 구분 */
  --deep:         #0B0B0C;   /* 사이드바·입력·배너 */
  --subtle:       #2A2C33;
  --chip:         #353640;
  --card:         #222223;   /* 콘텐츠 카드(템플릿·타일) */
  --card-2:       #1C1C1D;   /* 점선 추가 타일 */
  --popup:        #45454C;   /* confirm 팝업 배경(삭제 등 — 일반 모달보다 밝음) */
  --line:         rgba(241,242,243,.08);
  --line-strong:  rgba(241,242,243,.16);

  --side-bg:      #0B0B0C;
  --side-fg:      #FFFFFF;
  --side-mut:     #6E727C;
  --side-active:  var(--brand);

  --head-bg:      #16181C;

  --ok:   #15AF8B;  --warn: #F79009;  --err:  #FA5A5A;  --info: #5591FF;
  --ok-wash:  rgba(21,175,139,.14);  --warn-wash: rgba(247,144,9,.14);
  --err-wash: rgba(250,90,90,.14);   --info-wash: rgba(85,145,255,.14);
  --ok-ink:   #15AF8B;  --warn-ink:  #F79009;  --err-ink:  #FA5A5A;
  --up:   #FA6A6B;  --down: #5591FF;

  --header-h: 56px;  --side-w: 182px;
  /* KPI 카드 그라데이션(다크 전용) */
  --kpi-grad: linear-gradient(180deg, #494A56 0%, #343540 100%);
}