/* thrend-web 공용 색 토큰 (SSOT) — 2026-07-29 밝은 톤 통일 */
/* ⛔ 색을 바꿀 땐 이 파일만 고친다. 각 화면 HTML에 색 값을 다시 박지 않는다. */
/* 기준 = ig-bench-board-k7m3x9.html 의 밝은 톤 (2026-07-28 사장님 확정) */
:root{
  /* 바탕/면 */
  --bg:#f8f9fb;          /* 페이지 배경 */
  --panel:#ffffff;       /* 패널·카드 바탕 */
  --card:var(--panel);   /* 옛 이름 호환 */
  --soft:#f1f4f9;        /* 살짝 눌린 면 */
  --hover:var(--soft);   /* 마우스 올렸을 때 */
  --line:#e4e7ee;        /* 테두리·구분선 */
  --line-strong:#cbd2dc; /* 흰 면 위 카드 경계 */
  --control-line:#8894a6;/* 흰 면 위 입력칸·주요 조작 경계 */

  /* 글자 */
  --txt:#191d24;         /* 본문 */
  --sub:#697180;         /* 보조 */
  --quiet:#a8b0bd;       /* 흐린 안내 */

  /* 강조 — 밝은 배경에서 주황은 대비가 약해 파랑으로 통일 (2026-07-29) */
  --accent:#3d6bfd;
  --action:#2f5be7;
  --action-hover:#244dcc;
  --accent-ink:#ffffff;  /* 강조색 위에 얹는 글자 */
  --focus-ring:rgba(61,107,253,.22);
  --blue:#3d6bfd;
  --green:#16a34a;
  --green-soft:#f0fdf4;
  --green-line:#bbf7d0;
  --red:#ef4444;
  --red-ink:#b91c1c;
  --red-soft:#fef2f2;
  --red-line:#fecaca;
  --blue-soft:#eef2ff;
  --blue-line:#c7d2fe;
  --amber:#f59e0b;       /* 경고·진행중 표시에만 사용 */
  --amber-ink:#b45309;   /* 밝은 배경 위 경고 글자 */
  --amber-soft:#fff7ed;  /* 경고 배경 */
  --amber-line:#fed7aa;  /* 경고 테두리 */

  /* 알약 라벨 */
  --pill-bg:#eef2ff;
  --pill-txt:#4757d8;

  /* 미디어 */
  --media-bg:#eef0f4;
  --media-deep:#000;
  --on-media:#fff;
  --media-control:rgba(0,0,0,.5);
  --media-label:rgba(0,0,0,.6);
  --accent-badge:rgba(61,107,253,.92);

  /* 로딩 뼈대 */
  --skel-a:#eef0f4;
  --skel-b:#e4e7ee;

  /* 그림자·덮개 */
  --overlay:rgba(24,30,42,.55);
  --shadow-menu:rgba(30,40,60,.16);
  --shadow-dialog:rgba(30,40,60,.28);
  --shadow-card:rgba(30,40,60,.10);
}