@import "tailwindcss";

/* TODO: Generate Tailwind v4 theme for Apple. */


.dmb-page {
  --dmb-accent: #0066cc;
  --dmb-accent-contrast: #ffffff;
  --dmb-link: #0071e3;
  --dmb-muted: #1d1d1f;
  --dmb-bg: #ffffff;
  --dmb-ink: #111318;
  --dmb-ink-muted: #3f424b;
  --dmb-ink-subtle: #686c76;
  --dmb-radius-xs: 9999px;
  --dmb-radius-control: 9999px;
  --dmb-radius-card: 18px;
  --dmb-radius-preview: 0px;
  --dmb-radius-pill: 9999px;
  --dmb-border: #e0e0e0;
  --dmb-border-sample-bg: #ffffff;
  --dmb-spacing-xxs: 4px;
  --dmb-spacing-xs: 8px;
  --dmb-spacing-sm: 12px;
  --dmb-spacing-md: 17px;
  --dmb-spacing-lg: 24px;
  --dmb-spacing-xl: 32px;
  --dmb-spacing-xxl: 48px;
  --dmb-spacing-section: 80px;

  --dmb-font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dmb-font-body: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dmb-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.dmb-variant-consumer-commerce .dmb-preview {
  height: min(760px, 72vw);
}

.dmb-variant-consumer-commerce .dmb-preview-label {
  display: none;
}
