:root {
  color-scheme: light;
  --ui-canvas: #f3f5f2;
  --ui-canvas-soft: #f8f9f7;
  --ui-canvas-deep: #ebf0ec;
  --ui-ink: #151916;
  --ui-muted: #6c746d;
  --ui-accent: #17654f;
  --ui-accent-strong: #11523f;
  --ui-accent-soft: rgba(23, 101, 79, .09);
  --ui-positive: #087650;
  --ui-negative: #ad3f32;
  --ui-warning: #8a5d00;
  --ui-white: #ffffff;
  --ui-paper: #f7f8f5;
  --ui-surface: #ffffff;
  --ui-line-solid: #dde3dd;
  --ui-panel: rgba(255, 255, 255, .50);
  --ui-panel-strong: rgba(255, 255, 255, .72);
  --ui-border: rgba(255, 255, 255, .78);
  --ui-line: rgba(30, 39, 33, .09);
  --ui-control: #edf0ed;
  --ui-control-hover: #e3e8e4;
  --ui-control-surface: rgba(255, 255, 255, .78);
  --ui-control-soft: rgba(255, 255, 255, .60);
  --ui-control-strong: rgba(255, 255, 255, .92);
  --ui-control-card: rgba(255, 255, 255, .54);
  --ui-control-select: rgba(255, 255, 255, .70);
  --ui-control-filter: rgba(255, 255, 255, .74);
  --ui-control-raised: rgba(255, 255, 255, .72);
  --ui-menu-surface: rgba(248, 250, 248, .94);
  --ui-control-border: rgba(255, 255, 255, .84);
  --ui-row-hover: rgba(255, 255, 255, .42);
  --ui-row-hover-strong: rgba(255, 255, 255, .46);
  --ui-focus-border: rgba(23, 101, 79, .36);
  --ui-focus-ring: rgba(23, 101, 79, .08);
  --ui-option-hover: rgba(23, 101, 79, .07);
  --ui-option-selected: rgba(23, 101, 79, .11);
  --ui-positive-panel: rgba(236, 246, 240, .76);
  --ui-negative-panel: rgba(255, 239, 236, .82);
  --ui-warning-panel: rgba(255, 249, 226, .72);
  --ui-info-panel: rgba(236, 246, 240, .72);
  --ui-shadow: inset 0 1px 0 rgba(255, 255, 255, .58), 0 18px 48px rgba(37, 49, 41, .065), 0 2px 8px rgba(37, 49, 41, .035);
  --ui-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .72), 0 24px 58px rgba(37, 49, 41, .09), 0 4px 14px rgba(37, 49, 41, .045);
  --ui-shadow-control: 0 7px 18px rgba(37, 49, 41, .05);
  --ui-shadow-control-hover: 0 10px 24px rgba(37, 49, 41, .09);
  --ui-shadow-accent: 0 10px 22px rgba(23, 101, 79, .16);
  --ui-radius-xl: 22px;
  --ui-radius-lg: 18px;
  --ui-radius-md: 12px;
  --ui-radius-sm: 10px;
  --ui-control-height: 44px;
  /* Content budgets, not device models; rem also respects text scaling. */
  --ui-layout-card-min: 16rem;
  --ui-layout-panel-min: 22rem;
  --ui-layout-gap: .875rem;
  --ui-quote-status-width: 4rem;
  --ui-quote-summary-width: 4.5rem;
  --ui-quote-spark-width: 7rem;
  --ui-quote-price-min: 6.5rem;
  --ui-quote-row-gap: .75rem;
  --ui-duration: .2s;
  --ui-ease: cubic-bezier(.22, 1, .36, 1);
  --ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}