@import "tailwindcss";

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


.dmb-page {
  --dmb-accent: #ffffff;
  --dmb-accent-contrast: #171717;
  --dmb-link: #090909;
  --dmb-muted: #999999;
  --dmb-bg: #090909;
  --dmb-ink: #f8fafc;
  --dmb-ink-muted: #d8dee8;
  --dmb-ink-subtle: #aeb7c4;
  --dmb-radius-xs: 10px;
  --dmb-radius-control: 10px;
  --dmb-radius-card: 20px;
  --dmb-radius-preview: 20px;
  --dmb-radius-pill: 100px;
  --dmb-border: #262626;
  --dmb-border-sample-bg: #090909;
  --dmb-spacing-hair: 1px;
  --dmb-spacing-xxs: 4px;
  --dmb-spacing-xs: 8px;
  --dmb-spacing-sm: 12px;
  --dmb-spacing-md: 15px;
  --dmb-spacing-lg: 20px;
  --dmb-spacing-xl: 30px;
  --dmb-spacing-xxl: 40px;
  --dmb-spacing-section: 96px;

  --dmb-font-display: "GT Walsheim Framer Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dmb-font-body: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dmb-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
