/* One light palette for the public site and React app. Nova-style neutral tokens. */
:root {
  --ui-background: #fafafa;
  --ui-surface: #ffffff;
  --ui-foreground: #20252e;
  --ui-secondary-foreground: #4f5867;
  --ui-muted-foreground: #687385;
  --ui-muted: #f5f5f6;
  --ui-border: #e8e8eb;
  --ui-primary: #272d38;
  --ui-primary-hover: #3c4554;
  --ui-primary-foreground: #ffffff;
  --ui-ring: #8491a6;
  --ui-ring-shadow: 0 0 0 3px rgb(132 145 166 / 20%);
  --ui-success: #24785a;
  --ui-success-soft: #edf7f1;
  --ui-warning: #966315;
  --ui-warning-soft: #fff7e8;
  --ui-danger: #b84343;
  --ui-danger-soft: #fdf0f0;
  --ui-radius-control: 10px;
  --ui-radius-card: 16px;
  --ui-radius-dialog: 20px;
  --ui-shadow-control: 0 1px 3px rgb(24 30 40 / 6%), 0 2px 5px -2px rgb(24 30 40 / 5%);
  --ui-shadow-card: 0 1px 3px rgb(24 30 40 / 4%), 0 8px 20px -6px rgb(24 30 40 / 12%), 0 24px 48px -24px rgb(24 30 40 / 18%);
  --ui-shadow-raised: 0 3px 8px -2px rgb(24 30 40 / 8%), 0 14px 28px -8px rgb(24 30 40 / 14%), 0 30px 56px -24px rgb(24 30 40 / 22%);
  --ui-shadow-header: 0 2px 4px rgb(24 30 40 / 4%), 0 12px 32px -12px rgb(24 30 40 / 16%);
  --ui-shadow-popover: 0 20px 56px rgb(24 30 40 / 16%), 0 3px 10px rgb(24 30 40 / 6%);
  --ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}