/* utils.css */

/* CSS 변수: 브랜드 색상 (GS, Xi), 기본 색상, 요소 높이, 뷰포트 높이 */
:root {
  /* GS 색상 */
  --gs-red: #cf4520;
  --gs-yellow: #f2a900;
  --gs-green: #78be20;
  /* --gs-teal-blue: #009ca6; */
  /* --gs-light-blue: #5bbfdd; */
  /* --gs-blue: #0076c0; */
  --gs-gray: #75787b;

  /* Xi 색상 */
  --xi-deep-blue: #122d43;
  --xi-gray: #d8d4cd;
  --xi-sky-blue: #46a5e6;
  /* --xi-heritage-blue: #0085ad; */

  /* 요소 길이 */
  --app-max-width: 480px;
  --header-height: 60px;
  --title-height: 90px;
  --action-secondary-height: 30px;
  --action-primary-height: 90px;
  --info-height: 30px;
  --header-margin: 15px;
  --title-margin: 10px;
  --main-margin: 30px;
  --info-margin: 10px;
  --main-input-height: 40px;
  --overlay-gap: 15px;
  --common-gap: 5px;

  /* 뷰포트 높이 (utils.js에서 업데이트) */
  --vh: 1vh;
}