/* InCents application theme. Proposal business-brand tokens remain independent. */
:root {
  color-scheme: light;
  --ui-bg: #f8f8fa;
  --ui-surface: #ffffff;
  --ui-subtle: #f2f1f4;
  --ui-ink: #252329;
  --ui-muted: #68636f;
  --ui-line: #e7e4ea;
  --ui-raspberry: #e83f79;
  --ui-lime: #b7e417;
  /* Darker than the logo accent for readable white button labels. */
  --ui-primary: #c52360;
  --ui-primary-hover: #a81d51;
  --ui-primary-soft: #fff0f5;
  --ui-primary-soft-hover: #fce2ec;
  --ui-primary-line: #f1c5d6;
  --ui-lime-soft: #f4f9de;
  --ui-lime-line: #dce8ad;
  --ui-lime-ink: #435215;
  --ui-business: #a82962;
  --ui-business-soft: #fff0f5;
  --ui-client: #2463b6;
  --ui-client-soft: #e9f2ff;
  --ui-service: #9a5915;
  --ui-service-soft: #fff2db;
  --ui-proposal: #16745d;
  --ui-proposal-soft: #e4f5ed;
  --ui-danger: #b13747;
  --ui-danger-soft: #fff0f1;
  --ui-focus: #c52360;
  --ui-shadow: 0 3px 16px #25232907;
  --ui-radius: 12px;
}

::selection { background: #fbc7d9; color: #252329; }

.incents-logo { display: block; width: 168px; max-width: 100%; height: auto; }