/* 은코치 디자인 토큰 — 단일 정본 (2026-08-11 은코치 확정: 디자인토큰_통일안_0811.html)
   규칙: 행동(버튼·링크·현재 상태) = 은코치 블루 하나 · 상태색은 연한 배경과 짝으로만(단독 글자 금지)
   · 브랜드 오렌지는 로고·발행 콘텐츠만 · 본문 17px 최소 · 카드 1개 = 메시지 1개
   ⛔ 토스 파랑 #3182F6 금지("너무 따라한 것 같아") — 행동색은 아래 --eun-action만 쓴다. */
/* hidden 속성은 언제나 이긴다 — 클래스가 display:flex/grid를 걸어도 [hidden] 요소가 화면에 남지 않게(2026-08-19 빠른기록 「삭제」 회귀 · 클로드디자인 「44px 상자 + hidden 조합 다른 화면도 봐 달라」).
   tracker.css:40에는 있었고 이 파일을 쓰는 22쪽(빠른기록·시크릿노트 도구·마이페이지 등)엔 없었다. */
[hidden] { display: none !important; }

:root {
  /* 글자 크기 설정의 단일 계약. 마이페이지는 localStorage 값을 이 data 속성으로
     연결하고, 각 화면은 px 대신 rem을 사용해 보통/크게/아주 크게를 함께 따른다. */
  font-size: 100%;
  /* 행동 — 은코치 블루 (흰 글씨 6.1:1) */
  --eun-action: #0B5BD3;
  --eun-action-soft: #EAF2FE;
  --eun-action-text-on-soft: #1D4F9C;

  /* 글자 3단 (흰 바탕 기준 16.6 / 7.1 / 4.62:1 — 전부 본문 기준 4.5:1 통과)
     muted #8B95A1(3.04:1)은 은코치 2026-08-13 확정으로 #6B7684 교체 — 글자에 3.0:1 회색 금지.
     muted는 흰 바탕 전용, 색 카드 위 작은 글자는 sub을 쓴다. */
  --eun-ink: #191F28;
  --eun-sub: #4E5968;
  --eun-muted: #6B7684;

  /* 상태 4쌍 — 반드시 배경+글자 짝으로 (6.5~7.1:1 실측) */
  --eun-positive: #065F46;
  --eun-positive-soft: #E7F5EE;
  --eun-positive-text: #065F46;
  --eun-caution: #93400B; /* 2026-08-18 클로드디자인 전수조사: 옛 주황 진행 막대색은 팔레트 밖 · 정본은 경고 글자색과 같은 값 */
  --eun-caution-soft: #FFF3E8;
  --eun-caution-text: #93400B;
  --eun-info-soft: #EAF2FE;
  --eun-info-text: #1D4F9C;
  /* 빨강 = 수집 중단·연결 해제 등 즉시 대응만 */
  --eun-negative-soft: #FDECEC;
  --eun-negative-text: #9B1C22;

  /* 면 */
  --eun-bg: #F2F4F6;
  --eun-card: #FFFFFF;
  --eun-border: #E5E8EB;

  /* 규격 */
  --eun-radius: 20px;
  --eun-radius-popup: 22px;
  --eun-radius-md: 14px;
  --eun-radius-sm: 12px;
  --eun-radius-xs: 10px;
  --eun-radius-pill: 999px;
  --eun-shadow: 0 4px 20px rgba(0, 0, 0, .04);
  --eun-shadow-popup: 0 8px 28px rgba(0, 0, 0, .22);

  /* 여백·본문 폭 */
  --eun-page-width-form: 560px;
  --eun-page-width-reading-sm: 640px;
  --eun-page-width-reading: 720px;
  --eun-page-width-table-sm: 820px;
  --eun-page-width-table: 900px;
  --eun-page-width-nav: 1080px;
  --eun-page-padding-top: 24px;
  --eun-page-padding-inline: 20px;
  --eun-page-padding-bottom-min: 40px;
  --eun-page-padding-bottom-max: 60px;
  --eun-gap-card: 12px;
  --eun-gap-section: 14px;
  --eun-padding-card: 24px;
  --eun-padding-card-hero-min: 26px;
  --eun-padding-card-hero-max: 28px;
  --eun-padding-card-compact-min: 20px;
  --eun-padding-card-compact-max: 22px;
  --eun-padding-row: 10px 24px;
  --eun-padding-inner-box-min: 12px;
  --eun-padding-inner-box-max: 18px;
  --eun-gap-inner-box-min: 8px;
  --eun-gap-inner-box-max: 10px;
  --eun-gap-chip: 6px;
  --eun-gap-base: 8px;
  --eun-gap-card-block-min: 10px;
  --eun-gap-card-block-max: 12px;
  --eun-gap-nav-min: 16px;
  --eun-gap-nav-max: 24px;
  --eun-padding-list-row-min: 11px 0;
  --eun-padding-list-row-max: 15px 0;
  --eun-card-text-align: left;
  --eun-row-justify: space-between;
  --eun-row-label-min-width: 0;
  --eun-row-value-white-space: nowrap;
  --eun-row-value-flex-shrink: 0;
  --eun-long-value-wrap: wrap;
  --eun-table-overflow-x: auto;

  /* 선·진행·배경막 */
  --eun-line: 1px solid var(--eun-border);
  --eun-control-border-width: 1.5px;
  --eun-emphasis-rail-width: 4px;
  --eun-progress-height-sm: 6px;
  --eun-progress-height: 8px;
  --eun-progress-height-lg: 10px;
  --eun-progress-radius: 999px;
  --eun-progress-track: var(--eun-bg);
  --eun-progress-fill: var(--eun-action);
  --eun-progress-complete: var(--eun-positive);
  --eun-scrim: rgba(25, 31, 40, .4);
  --eun-scrim-celebrate: rgba(25, 31, 40, .5);
  --eun-graph-line-width: 3px;
  --eun-graph-grid-width: 1px;
  --eun-graph-dash: 3 3;
  --eun-graph-endpoint-radius: 5px;
  --eun-graph-highlight-radius: 4px;
  --eun-graph-highlight-border-width: 2.5px;
  --eun-delta-chip-width: 52px;

  /* 글자 규격 */
  --eun-font-hero: 48px;
  --eun-font-number-lg-min: 40px;
  --eun-font-number-lg-max: 44px;
  --eun-font-number-card-min: 22px;
  --eun-font-number-card-max: 24px;
  --eun-font-h1-min: 25px;
  --eun-font-h1-max: 26px;
  --eun-font-h2-min: 16px;
  --eun-font-h2-max: 17px;
  --eun-font-card-title-min: 15px;
  --eun-font-card-title-max: 15.5px;
  --eun-font-body-min: 14.5px;
  --eun-font-body-max: 15px;
  --eun-font-sub-min: 13px;
  --eun-font-sub-max: 13.5px;
  --eun-font-label-min: 12px;
  --eun-font-label-max: 12.5px;
  --eun-font-min: 11.5px;
  --eun-font-weight-heavy: 900;
  --eun-font-weight-title: 800;
  --eun-tracking-hero: -0.045em;
  --eun-tracking-number: -0.04em;
  --eun-tracking-card-number: -0.03em;
  --eun-tracking-title: -0.03em;
  --eun-leading-body: 1.55;
  --eun-leading-title-min: 1.3;
  --eun-leading-title-max: 1.45;
  --eun-leading-long-min: 1.7;
  --eun-leading-long-max: 1.8;
  --eun-word-break: keep-all;

  /* 버튼 */
  --eun-button-primary-min-height: 52px;
  --eun-button-primary-radius: 14px;
  --eun-button-primary-font-size: 16px;
  --eun-button-primary-font-weight: 800;
  --eun-button-secondary-min-height: 48px;
  --eun-button-secondary-radius-min: 12px;
  --eun-button-secondary-radius-max: 14px;
  --eun-button-secondary-border-width: 1.5px;
  --eun-button-small-min-height: 40px;
  --eun-button-small-max-height: 44px;
  --eun-button-small-font-min: 13px;
  --eun-button-small-font-max: 14px;
  --eun-button-link-font-size: 14px;
  --eun-button-link-font-weight: 700;
  --eun-button-link-padding: 6px;
  --eun-touch-target-min: 44px;
  --eun-button-primary-hover: #1D4F9C;
  --eun-button-disabled-bg: #EAF2FE;
  --eun-button-disabled-text: #1D4F9C;

  /* 반응형 공통 */
  --eun-breakpoint-nav: 900px;
  --eun-grid-columns-desktop: 1fr 1fr;
  --eun-grid-columns-mobile: 1fr;
  --eun-grid-gap: 12px;
  --eun-tabbar-item-min-height: 48px;
  --eun-tabbar-icon-size: 24px;
  --eun-tabbar-label-size: 11px;
  --eun-tabbar-label-weight: 700;
  --eun-tabbar-safe-bottom: 6px;
  --eun-top-nav-height: 64px;
  --eun-wordmark-line-height: 1.1;

  /* 브랜드 (로고·발행물 전용 — 제품 UI 강조로 쓰지 않는다) */
  --eun-brand-orange: #FF5933;
}

:root[data-eun-text-size="large"] { font-size: 115%; }
:root[data-eun-text-size="xlarge"] { font-size: 130%; }