@import "tailwindcss";

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


.dmb-page {
  --dmb-accent: #7132f5;
  --dmb-accent-contrast: #ffffff;
  --dmb-link: #a0a0a0;
  --dmb-muted: #a0a0a0;
  --dmb-bg: #ffffff;
  --dmb-ink: #111318;
  --dmb-ink-muted: #3f424b;
  --dmb-ink-subtle: #686c76;
  --dmb-radius-xs: 7px;
  --dmb-radius-control: 7px;
  --dmb-radius-card: 7px;
  --dmb-radius-preview: 7px;
  --dmb-radius-pill: 9999px;
  --dmb-border: #dedee5;
  --dmb-spacing-xxs: 36px;
  --dmb-spacing-xs: 0.5px;
  --dmb-spacing-sm: 13px;
  --dmb-spacing-md: 16px;
  --dmb-spacing-lg: 8px;
  --dmb-spacing-xl: 1px;
  --dmb-spacing-xxl: 2px;
  --dmb-spacing-xxxl: 3px;
  --dmb-spacing-section: 4px;
  --dmb-spacing-section-lg: 5px;
  --dmb-spacing-hero: 6px;
  --dmb-spacing-band: 10px;
  --dmb-spacing-space-13: 12px;
  --dmb-spacing-space-14: 15px;
  --dmb-spacing-space-15: 20px;
  --dmb-spacing-space-16: 24px;

  --dmb-font-display: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dmb-font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dmb-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
