@charset "utf-8";
/* =============================================================================
   フォーム（design/env-mgt/assets/form.css）を資源循環マネジメントの配色で使う
   -----------------------------------------------------------------------------
   form.css は廃棄物マネジメントの色（--fg-waste-*）を参照しているため、
   ページ側で同じ変数名を資源循環（--fg-circ-*）に差し替える。
   form.css の :root で決まる --hc-* も上書きする。
   ========================================================================== */
body[data-theme="circular"] {
  --fg-waste-50: var(--fg-circ-50);
  --fg-waste-100: var(--fg-circ-100);
  --fg-waste-200: var(--fg-circ-200);
  --fg-waste-300: var(--fg-circ-300);
  --fg-waste-400: var(--fg-circ-400);
  --fg-waste-500: var(--fg-circ-500);
  --fg-waste-600: var(--fg-circ-600);
  --fg-waste-700: var(--fg-circ-700);
  --fg-waste-900: var(--fg-circ-900);

  /* env-mgt.css の廃マネ用トークンも青系に */
  --wm-pale: var(--fg-circ-50);
  --wm-key: var(--fg-circ-400);
  --wm-key-deep: var(--fg-circ-700);
  --wm-line: var(--fg-circ-200);
  --wm-sa-panel: var(--fg-circ-700);

  --hc-key: var(--fg-circ-400);
  --hc-key-deep: var(--fg-circ-700);
  --hc-pale: var(--fg-circ-50);
  --hc-line: var(--fg-circ-200);
}