:root {
  --ft-color-brand: #b02e79;
  --ft-color-brand-strong: #9b2c6f;
  --ft-color-brand-soft: #fce8f3;
  --ft-color-page: #fafafa;
  --ft-color-panel: #ffffff;
  --ft-color-border: #dbdbdb;
  --ft-color-border-strong: #c4c4c4;
  --ft-color-text: #262626;
  --ft-color-muted: #737373;
  --ft-color-warning-bg: #fff8c5;
  --ft-color-warning-text: #5f3b00;
  --ft-color-warning-border: #e7cf77;
  --ft-color-success-bg: #dafbe1;
  --ft-color-success-text: #116329;
  --ft-color-danger: #cf222e;
  --ft-color-danger-bg: #ffebe9;
  --ft-color-neutral-bg: #efefef;
  --ft-color-neutral-text: #737373;
  /* Instagram-style brand gradients: full ramp is decorative only;
     the deep ramp keeps white 14px text at >= 4.5:1 on every stop. */
  --ft-gradient-brand: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  --ft-gradient-brand-deep: linear-gradient(45deg, #dc2743 0%, #cc2366 40%, #bc1888 70%, #8134af 100%);
  --ft-focus-ring: 0 0 0 3px rgba(176, 46, 121, 0.16);
  --ft-sidebar-width: 220px;
  --ft-content-max: 1480px;
  --ft-radius-sm: 8px;
  --ft-radius-md: 10px;
  --ft-radius-card: 16px;
  --ft-radius-pill: 999px;
  --ft-space-1: 4px;
  --ft-space-2: 8px;
  --ft-space-3: 12px;
  --ft-space-4: 16px;
  --ft-space-5: 20px;
  --ft-space-6: 24px;
  --ft-space-8: 32px;
  --ft-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.03),
    0 10px 30px rgba(0, 0, 0, 0.05);
  --ft-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --ft-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}