/*
 * 흰 바탕 + 무채색 층 (<html data-theme="green">, index.html)
 * 원칙: 바탕은 흰색·무채색, 초록은 버튼과 강조 글자(이율·수익·선택 상태)에만.
 * 대비(흰 배경 기준): green-700 5.8:1, gray-600 6.1:1, gray-500 4.6:1 / 회색 면(#F7F7F8) 위 green-700 5.4:1
 */
:root[data-theme='green'] {
  /* --navy-* 는 "짙은 기본색" 역할 토큰 — 여기서는 무채색으로 바꿔 끼운다 */
  --navy-950: #111214;
  --navy-900: #1B1D1F;
  --navy-800: #2B2E31;
  --navy-700: #3A3D41;
  --navy-600: #55595E;
  --navy-300: #B5B9BE;
  --navy-200: #D5D8DB;
  --navy-100: #EEEFF1;

  --gray-900: #1B1D1F;
  --gray-800: #2E3134;
  --gray-700: #46494D;
  --gray-600: #5F6368;
  --gray-500: #6B6F74;
  --gray-400: #A3A7AC;
  --gray-300: #CACDD1;
  --gray-200: #E3E5E8;
  --gray-150: #EBEDEF;
  --gray-100: #F1F2F4;
  --surface: #F7F7F8;

  --shade-rgb: 0, 0, 0;
  --logo-ink: #1B1D1F;
}

/* ---------- 모집 배너: 초록 바탕 → 흰 카드 ---------- */
[data-theme='green'] .promo {
  background: #fff;
  color: var(--gray-900);
  border: 1px solid var(--gray-200);
}

[data-theme='green'] .promo__label,
[data-theme='green'] .promo__facts div:first-child dd {
  color: var(--green-700);
}

[data-theme='green'] .promo__desc,
[data-theme='green'] .promo__facts dt,
[data-theme='green'] .promo__progress p,
[data-theme='green'] .promo__meta dt,
[data-theme='green'] .promo__stats dt {
  color: var(--gray-600);
}

[data-theme='green'] .promo__progress strong,
[data-theme='green'] .promo__meta dd,
[data-theme='green'] .promo__stats dd {
  color: var(--gray-900);
}

[data-theme='green'] .promo__meta {
  border-top-color: var(--gray-200);
}

[data-theme='green'] .promo__meta dd span {
  color: var(--gray-500);
}

[data-theme='green'] .promo__stats div {
  background: var(--surface);
}

[data-theme='green'] .promo__bar {
  background: var(--gray-150);
}

[data-theme='green'] .promo__bar span {
  background: var(--green-600);
}

/* 카드 안의 계산기 칸: 흰 카드와 회색 칸 사이에 선 */
[data-theme='green'] .promo__panel .calc {
  border-left: 1px solid var(--gray-200);
}

@media (max-width: 1023px) {
  [data-theme='green'] .promo__panel .calc {
    border-top: 1px solid var(--gray-200);
    border-left: 0;
  }
}

/* 배너 위 조합 탭 */
[data-theme='green'] .promo__tabs {
  box-shadow: inset 0 -1px 0 var(--gray-200);
}

[data-theme='green'] .promo-tab {
  color: var(--gray-600);
}

[data-theme='green'] .promo-tab:hover,
[data-theme='green'] .promo-tab[aria-selected='true'] {
  color: var(--gray-900);
}

[data-theme='green'] .promo-tab[aria-selected='true']::after,
[data-theme='green'] .promo-tab__dot {
  background: var(--green-700);
}

/* ---------- 선택 상태: 바탕 대신 초록 테두리 ---------- */
/* 계산 기준 조합이 바뀌면 바탕색 대신 초록 테두리가 잠깐 나타난다 */
[data-theme='green'] .calc__coop.is-flash {
  animation-name: coop-flash-line;
}

@keyframes coop-flash-line {
  0% { box-shadow: inset 0 0 0 1.5px var(--green-700); }
  100% { box-shadow: inset 0 0 0 1.5px rgba(11, 116, 73, 0); }
}

/* 세전·세후 토글은 버튼이라 초록 */
[data-theme='green'] .seg button[aria-checked='true'] {
  background: var(--green-700);
}

/* ---------- 태그: 회색 바탕 + 상태별 글자색 ---------- */
[data-theme='green'] .tag,
[data-theme='green'] .tag--recruiting,
[data-theme='green'] .tag--upcoming,
[data-theme='green'] .tag--operating {
  background: var(--gray-100);
}

[data-theme='green'] .tag--recruiting {
  color: var(--green-700);
}

[data-theme='green'] .tag--upcoming {
  color: var(--gray-700);
}

/* ---------- 참여 구조: 색면 카드 → 흰 카드, 금액만 강조 ---------- */
[data-theme='green'] .split-card--navy,
[data-theme='green'] .split-card--green {
  background: #fff;
  color: var(--gray-900);
  border: 1px solid var(--gray-200);
}

[data-theme='green'] .split-card__label {
  opacity: 1;
  color: var(--gray-600);
}

[data-theme='green'] .split-card--green .split-card__value {
  color: var(--green-700);
}

[data-theme='green'] .split-card__desc {
  opacity: 1;
  color: var(--gray-700);
}

[data-theme='green'] .split-card__list {
  border-top-color: var(--gray-200);
  color: var(--gray-800);
}