/* 出所: RHEMS-Japan/reducer-lp  design/design-system/tokens/colors.css（2026-11-11 取得）
   値は改変していない。DS 更新時はファイルごと差し替える。 */

/* reducer — Color tokens
 * Source of truth: RHEMS-Japan/reducer-lp  static/assets/css/_config.scss
 * Bright, friendly cost-down blue on white. Coral is the lone warm accent.
 */
:root {
  /* ---- Brand ramp (blue) ---- */
  --reducer-blue: #007fff;        /* $blue  — PRIMARY. CTAs, links, highlights, KV emphasis */
  --reducer-darkblue: #0257ad;    /* $darkblue — secondary / footer band / dark pills */
  --reducer-lightblue: #99ccff;   /* $lightblue — cost-card 5px border */
  --reducer-pale: #eff9ff;        /* pale blue fill — labels, back_shadow, faq rows */
  --reducer-pale-2: #f2f8fd;      /* cost-image inner fill */
  --reducer-border-blue: #aedaff; /* hairline borders on white cards */
  --reducer-hover-blue: #dbedff;  /* outline-link hover fill */

  /* ---- Ink & neutrals ---- */
  --reducer-ink: #2d2d31;         /* $dark — body text, header/footer bg */
  --reducer-white: #ffffff;       /* $white — canvas & cards */
  --reducer-lightgray: #e9e9e9;   /* $lightgray — dividers */
  --reducer-line: #eeeeee;        /* input borders */

  /* ---- Accent ---- */
  --reducer-coral: #f36f56;       /* flow step labels — the one warm accent */

  /* ---- Shadow tints ---- */
  --reducer-shadow-blue: #adc8e2;      /* solid offset shadow (back_shadow) */
  --reducer-shadow-card: rgba(161, 206, 234, 0.4);  /* tech card drop */
  --reducer-shadow-glow: rgba(0, 127, 255, 0.2);    /* button_3 blue glow */

  /* ---- Semantic aliases ---- */
  --color-primary: var(--reducer-blue);
  --color-primary-strong: var(--reducer-darkblue);
  --color-accent: var(--reducer-coral);
  --color-text: var(--reducer-ink);
  --color-text-invert: var(--reducer-white);
  --color-link: var(--reducer-blue);
  --surface-page: var(--reducer-white);
  --surface-card: var(--reducer-white);
  --surface-soft: var(--reducer-pale);
  --surface-dark: var(--reducer-ink);
  --surface-band: var(--reducer-darkblue);
  --border-soft: var(--reducer-border-blue);
  --border-input: var(--reducer-line);
}