/* 출처: wonjd-design-system (github.com/wonjd/wjd-design-system) 커밋 a53ae48 dist/tokens.css 사본. 손으로 고치지 않는다. */
/* -------------------------------------------
 *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
 * ------------------------------------------- */

:root {
/* 제목 위 짧은 포인트 라인(언더바). 라이트/다크 동일. */
  --color-accent-line: var(--color-brand-primary);
  /* 브랜드 비주얼·페이지 배경. 소프트 민트 우선. */
  --color-bg-canvas: var(--color-brand-mint);
  /* 딥 그린 Deep Green. 신뢰와 전문성을 표현하는 브랜드의 중심 컬러. 제목·강조 영역. */
  --color-brand-deep: rgb(0% 52.55% 43.53%);
  /* 소프트 민트 Soft Mint. 부드럽고 편안한 베이스 컬러. 브랜드 비주얼 배경·여백 1순위. */
  --color-brand-mint: rgb(94.9% 100% 95.69%);
  /* 메인 키컬러 Main Key Color. 브랜드의 에너지와 가능성을 담은 포인트 컬러. 버튼·강조 문구·포인트 라인·아이콘에 소량. 넓은 면적 배경 금지. */
  --color-brand-primary: rgb(67.06% 100% 28.24%);
  /* 미디엄 그린 Medium Green. 활동적이고 균형감 있는 서브 컬러. 보조 포인트, 그라데이션 구성. */
  --color-brand-secondary: rgb(43.14% 90.59% 55.29%);
  /* 메인 키컬러 Main Key Color. 브랜드의 에너지와 가능성을 담은 포인트 컬러. 버튼·강조 문구·포인트 라인·아이콘에 소량. 넓은 면적 배경 금지. */
  --color-button-primary-bg: var(--color-brand-primary);
  /* CTA 버튼 글자. 키컬러 위에서 가독성 확보. */
  --color-button-primary-fg: var(--color-neutral-black);
  /* 딥 그린 Deep Green. 신뢰와 전문성을 표현하는 브랜드의 중심 컬러. 제목·강조 영역. */
  --color-logo: var(--color-brand-deep);
  /* 딥 차콜 그린 Deep Charcoal Green. 순흑(#000000) 대체. 어두운 배경·본문 텍스트. */
  --color-neutral-black: rgb(9.02% 20% 17.65%);
  /* 소프트 화이트 Soft White. 순백(#FFFFFF) 대체. 문서 본문 등 가독성이 중요한 밝은 배경. */
  --color-neutral-white: rgb(96.86% 98.43% 96.86%);
  /* 딥 차콜 그린 Deep Charcoal Green. 순흑(#000000) 대체. 어두운 배경·본문 텍스트. */
  --color-text-body: var(--color-neutral-black);
  /* 딥 그린 Deep Green. 신뢰와 전문성을 표현하는 브랜드의 중심 컬러. 제목·강조 영역. */
  --color-text-emphasis: var(--color-brand-deep);
  /* 딥 차콜 그린 Deep Charcoal Green. 순흑(#000000) 대체. 어두운 배경·본문 텍스트. */
  --color-text-heading: var(--color-neutral-black);
  /* 딥 그린 Deep Green. 신뢰와 전문성을 표현하는 브랜드의 중심 컬러. 제목·강조 영역. */
  --gradient-brand: var(--color-brand-mint) 0%, var(--color-brand-primary) 33.3%, var(--color-brand-secondary) 66.7%, var(--color-brand-deep) 100%;
}

[data-theme="dark"] {
/* 제목 위 짧은 포인트 라인(언더바). 라이트/다크 동일. */
  --color-accent-line: var(--color-brand-primary);
  /* 다크 페이지 배경. 순흑 대신 딥 차콜 그린. */
  --color-bg-canvas: var(--color-neutral-black);
  /* 딥 그린 Deep Green. 신뢰와 전문성을 표현하는 브랜드의 중심 컬러. 제목·강조 영역. */
  --color-brand-deep: rgb(0% 52.55% 43.53%);
  /* 소프트 민트 Soft Mint. 부드럽고 편안한 베이스 컬러. 브랜드 비주얼 배경·여백 1순위. */
  --color-brand-mint: rgb(94.9% 100% 95.69%);
  /* 메인 키컬러 Main Key Color. 브랜드의 에너지와 가능성을 담은 포인트 컬러. 버튼·강조 문구·포인트 라인·아이콘에 소량. 넓은 면적 배경 금지. */
  --color-brand-primary: rgb(67.06% 100% 28.24%);
  /* 미디엄 그린 Medium Green. 활동적이고 균형감 있는 서브 컬러. 보조 포인트, 그라데이션 구성. */
  --color-brand-secondary: rgb(43.14% 90.59% 55.29%);
  /* 메인 키컬러 Main Key Color. 브랜드의 에너지와 가능성을 담은 포인트 컬러. 버튼·강조 문구·포인트 라인·아이콘에 소량. 넓은 면적 배경 금지. */
  --color-button-primary-bg: var(--color-brand-primary);
  /* CTA 버튼 글자. 키컬러 위에서 가독성 확보. */
  --color-button-primary-fg: var(--color-neutral-black);
  /* 딥 그린 Deep Green. 신뢰와 전문성을 표현하는 브랜드의 중심 컬러. 제목·강조 영역. */
  --color-logo: var(--color-brand-primary);
  /* 딥 차콜 그린 Deep Charcoal Green. 순흑(#000000) 대체. 어두운 배경·본문 텍스트. */
  --color-neutral-black: rgb(9.02% 20% 17.65%);
  /* 소프트 화이트 Soft White. 순백(#FFFFFF) 대체. 문서 본문 등 가독성이 중요한 밝은 배경. */
  --color-neutral-white: rgb(96.86% 98.43% 96.86%);
  /* 딥 차콜 그린 Deep Charcoal Green. 순흑(#000000) 대체. 어두운 배경·본문 텍스트. */
  --color-text-body: var(--color-neutral-white);
  /* 딥 그린 Deep Green. 신뢰와 전문성을 표현하는 브랜드의 중심 컬러. 제목·강조 영역. */
  --color-text-emphasis: var(--color-brand-primary);
  /* 딥 차콜 그린 Deep Charcoal Green. 순흑(#000000) 대체. 어두운 배경·본문 텍스트. */
  --color-text-heading: var(--color-neutral-white);
  /* 딥 그린 Deep Green. 신뢰와 전문성을 표현하는 브랜드의 중심 컬러. 제목·강조 영역. */
  --gradient-brand: var(--color-brand-mint) 0%, var(--color-brand-primary) 33.3%, var(--color-brand-secondary) 66.7%, var(--color-brand-deep) 100%;
}