@import "tailwindcss";

@theme {
  --color-bg: #fdfdfc;
  --color-surface: #f9f9f8;
  --color-surface-2: #f1f0ef;
  --color-border: #dad9d6;
  --color-border-strong: #bcbbb5;
  --color-text: #21201c;
  --color-muted: #63635e;
  --color-accent: #12a594;
  --color-accent-hover: #0d9b8a;
  --color-accent-soft: #e0f8f3;
  --color-accent-text: #008573;
  --color-on-accent: #ffffff;
  --color-success: #30a46c;
  --color-warning: #ffc53d;
  --color-danger: #e5484d;
  --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --font-display: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 9px;
}