/* FSTD 토큰 - _head_css 가 값표 키(consultDomain)가 있는 화면에만 싣는다(꽃 · 상담자료 레이아웃 제외).
   폭 경계는 컴포넌트 CSS 의 @media 에만 두고(JS 는 폭을 보지 않는다) 줄 끝에 @bp:<값> 태그를 단다 - 744 전환 때 grep '@bp:96[01]' 로 찾아 숫자만 바꾼다. */

/* html 에 둔다 - html 의 --bottom-cta-bar-h(scroll-padding 용)도 이 값을 쓰는데, 커스텀 속성은 아래로만 물려받는다. */
:root {
    --fstd-brand: #00b5c2;
    --fstd-brand-fab: #00b9c7;
    --fstd-on-color: #ffffff;
    --fstd-surface: #ffffff;
    --fstd-surface-muted: #eef0f1;
    --fstd-fg-heavy: #191a1a;
    --fstd-fg-muted: #35383b;
    --fstd-neutral-label: #555a5d;
    --fstd-neutral-border: #bfc2c5;
    --fstd-stroke-shy: #dadddf;
    --fstd-stroke-muted: #e3e6e8;
    --fstd-kakao: #fee500;
    --fstd-kakao-button: #ffd800;
    --fstd-kakao-label: #242729;
    --fstd-snackbar-bg: #191a1a;
    --fstd-fab-top-bg: #ffffffd9;
    --fstd-dim-menu: #00000073;
    --fstd-dim-sheet: #0000004d;
    --fstd-dim-modal: #000000b2;
    --fstd-shadow-fab: 0 2px 10px rgba(0, 0, 0, 0.1);
    --fstd-button-lg-h: 48px;
}