/* Shared Member Tools design tokens. */

body.page-member-tools,
body.page-v2-reconciliation-workspace {
  --member-tool-line: var(--line);
  --member-tool-line-faint: var(--line-faint);
  --member-tool-ink: var(--ink);
  --member-tool-muted: var(--gray-5);
  --member-tool-muted-soft: var(--gray-4);
  --member-tool-surface: var(--paper);
  --member-tool-surface-strong: var(--paper-bright);
  --member-tool-surface-soft: var(--paper);
  --member-tool-accent: var(--sage-green);
  --member-tool-accent-strong: var(--dark-green);
  --member-tool-accent-soft: var(--paint-1);
  --member-tool-success: #216a3c;
  --member-tool-success-soft: #e7f7ec;
  --member-tool-warning: #75560a;
  --member-tool-warning-line: #d8b654;
  --member-tool-warning-soft: #fff5d8;
  --member-tool-danger: #75545a;
  --member-tool-danger-soft: #faf0f2;
  --member-tool-cost-green-strong-bg: #d7f0db;
  --member-tool-cost-green-strong-ink: #155a30;
  --member-tool-cost-green-bg: #e4f0d1;
  --member-tool-cost-green-ink: #426223;
  --member-tool-cost-yellow-bg: #f5edbb;
  --member-tool-cost-yellow-ink: #6a5713;
  --member-tool-cost-orange-bg: #f6d7ad;
  --member-tool-cost-orange-ink: #805018;
  --member-tool-cost-red-bg: #f2c7b3;
  --member-tool-cost-red-ink: #853b25;
  --member-tool-cost-red-strong-bg: #edb7b7;
  --member-tool-cost-red-strong-ink: #842d32;
  --member-tool-disabled: #657276;
  --member-tool-overlay: rgba(17, 17, 17, 0.52);
  --member-tool-ink-soft: rgba(17, 17, 17, 0.06);

  --member-tool-type-meta: var(--nec-type-meta);
  --member-tool-type-micro: var(--nec-type-meta);
  --member-tool-type-small: 0.8rem;
  --member-tool-type-control: 0.875rem;
  --member-tool-type-body: 1rem;
  --member-tool-type-lead: 1.125rem;
  --member-tool-type-title: 1.25rem;
  --member-tool-type-heading: 1.5rem;
  --member-tool-type-display: 1.75rem;
  --member-tool-type-page-title: var(--nec-type-title);

  --member-tool-radius-sm: var(--nec-radius);
  --member-tool-radius-md: var(--nec-radius);
  --member-tool-radius-lg: var(--nec-radius);
  --member-tool-radius-pill: var(--r-pill);
  --member-tool-radius-round: 50%;

  --member-tool-gap-xs: 0.25rem;
  --member-tool-gap-sm: 0.45rem;
  --member-tool-gap-md: 0.55rem;
  --member-tool-gap-lg: 0.75rem;
  --member-tool-gap-xl: 1rem;
  --member-tool-space-row: 0.65rem 0.75rem;
  --member-tool-space-panel: 0.8rem;
  --member-tool-control-min: var(--nec-control-default);
  --member-tool-control-compact: var(--nec-control-compact);
  --member-tool-review-row-min: 3.5rem;

  --member-tool-shadow-surface: var(--shadow-1);
  --member-tool-shadow-overlay: var(--shadow-3);
  --member-tool-shadow-inset: inset 0 0 0 1px var(--line);
  --member-tool-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--ink) 16%, transparent);
  --member-tool-shadow-warning-marker: inset 3px 0 0 var(--member-tool-warning-line);
  --member-tool-shadow-accent-marker: inset 3px 0 0 var(--member-tool-accent);
  --member-tool-shadow-danger-marker: inset 3px 0 0 var(--member-tool-danger);
  --member-tool-shadow-accent-float: 0 8px 18px color-mix(in srgb, var(--member-tool-accent-strong) 24%, transparent);
}

/* Relative cost heat scale: semantic values, independent of the interface theme. */
body.page-member-tools,
body.page-v2-reconciliation-workspace {
  --member-tool-cost-0-background: #dff2df;
  --member-tool-cost-0-border-color: #95c990;
  --member-tool-cost-0-color: #164a22;
  --member-tool-cost-1-background: #e9f5d2;
  --member-tool-cost-1-border-color: #adcf79;
  --member-tool-cost-1-color: #31510e;
  --member-tool-cost-2-background: #f3f4c6;
  --member-tool-cost-2-border-color: #c8ce6c;
  --member-tool-cost-2-color: #4f4e05;
  --member-tool-cost-3-background: #fbefba;
  --member-tool-cost-3-border-color: #dbc35c;
  --member-tool-cost-3-color: #604805;
  --member-tool-cost-4-background: #fde4ab;
  --member-tool-cost-4-border-color: #e0b053;
  --member-tool-cost-4-color: #684005;
  --member-tool-cost-5-background: #fbd5a5;
  --member-tool-cost-5-border-color: #dc9850;
  --member-tool-cost-5-color: #6b3008;
  --member-tool-cost-6-background: #f6c2a3;
  --member-tool-cost-6-border-color: #d77c58;
  --member-tool-cost-6-color: #6a250e;
  --member-tool-cost-7-background: #efaaa0;
  --member-tool-cost-7-border-color: #cc625c;
  --member-tool-cost-7-color: #641b18;
  --member-tool-cost-8-background: #e68f92;
  --member-tool-cost-8-border-color: #bd4b54;
  --member-tool-cost-8-color: #5f171d;
}

@media (pointer: coarse), (max-width: 900px) {
  body.page-member-tools,
body.page-v2-reconciliation-workspace {
    --member-tool-control-min: var(--nec-control-touch);
    --member-tool-control-compact: var(--nec-control-touch);
  }
}