body.theme-modern-retro {
  --sf-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --sf-font-heading: "Space Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --sf-color-background: #fff3c7;
  --sf-color-page-background: radial-gradient(circle at 12% 10%, rgba(255, 91, 145, 0.26), transparent 28%), radial-gradient(circle at 88% 18%, rgba(20, 184, 166, 0.24), transparent 26%), #fff3c7;
  --sf-color-surface: #fffdf5;
  --sf-color-surface-muted: #ffe6a7;
  --sf-color-border: #21172f;
  --sf-color-text: #21172f;
  --sf-color-text-muted: #665c76;
  --sf-color-accent: #ff5b91;
  --sf-color-accent-hover: #14b8a6;
  --sf-color-accent-soft: #fff8df;
  --sf-color-on-accent: #21172f;
  --sf-color-input: #ffffff;
  --sf-color-input-focus: #ffffff;
  --sf-color-input-disabled: #fff8df;
  --sf-color-input-border: #21172f;
  --sf-color-input-text: #21172f;
  --sf-color-input-placeholder: #6f657e;
  --sf-radius-sm: 8px;
  --sf-radius-md: 12px;
  --sf-radius-lg: 16px;
  --sf-radius-card: 12px;
  --sf-shadow-card: 7px 7px 0 rgba(33, 23, 47, 0.92);
  --sf-shadow-sm: 3px 3px 0 rgba(33, 23, 47, 0.88);
  --sf-shadow-md: 10px 10px 0 rgba(33, 23, 47, 0.92);
  --sf-shadow-accent: 6px 6px 0 rgba(33, 23, 47, 0.92);
  --sf-backdrop-filter: none;
  --sf-color-success-border: #0b684a;
  --sf-color-success-surface: #eafaf3;
  --sf-color-success-text: #0b684a;
  --sf-color-danger-border: #9f2d2b;
  --sf-color-danger-surface: #fff1f1;
  --sf-color-danger-text: #9f2d2b;
  --sf-color-pending-surface: #fef3c7;
  --sf-color-pending-text: #92400e;
}