@import "tailwindcss";

@theme {
  --color-bg: #fdfcfd;
  --color-surface: #faf9fb;
  --color-surface-2: #f2eff3;
  --color-border: #dbd8e0;
  --color-border-strong: #bcbac7;
  --color-text: #211f26;
  --color-muted: #65636d;
  --color-accent: #d6409f;
  --color-accent-hover: #cf3897;
  --color-accent-soft: #fee9f5;
  --color-accent-text: #c2298a;
  --color-on-accent: #ffffff;
  --color-second: #ffc53d;
  --color-second-soft: #fff7c2;
  --color-second-text: #ab6400;
  --color-success: #30a46c;
  --color-warning: #ffc53d;
  --color-danger: #e5484d;
  --font-sans: "Nunito", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --radius-sm: 11px;
  --radius-md: 22px;
  --radius-lg: 33px;
}