@import "tailwindcss";

/* Custom overrides for WordPress admin styles */
#wpcontent .wrap a.primary-button,
.wp-admin .wrap a.primary-button {
  color: var(--color-primary-foreground) !important;
}

.wp-admin .wrap a.primary-button {
  color: var(--color-link-foreground) !important;
}

/* EchoAI Floating Button Icon - ensure icon fits properly */
.echo-floating-button img,
.echo-floating-button svg,
[class*="echo-floating"] img,
[class*="echo-floating"] svg {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}


@theme {

  --spacing: 4px;


  --font-sans: "Inter", "Poppins", "Roboto", "Open Sans", "Lato", "Helvetica", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --text-xs: 12px;
  --text-xs--line-height: 17px;
  --text-sm: 14px;
  --text-sm--line-height: 20px;
  --text-base: 16px;
  --text-base--line-height: 22px;
  --text-lg: 18px;
  --text-lg--line-height: 24px;
  --text-xl: 20px;
  --text-xl--line-height: 26px;
  --text-2xl: 24px;
  --text-2xl--line-height: 28px;
  --text-3xl: 27px;
  --text-3xl--line-height: 32px;
  --text-4xl: 31px;
  --text-4xl--line-height: 36px;
  --text-5xl: 35px;
  --text-5xl--line-height: 40px;
  --text-6xl: 39px;
  --text-6xl--line-height: 44px;
  --text-7xl: 43px;
  --text-7xl--line-height: 48px;
  --text-8xl: 47px;
  --text-8xl--line-height: 52px;
  --text-9xl: 51px;
  --text-9xl--line-height: 56px;

  --color-primary: hsl(320 48% 50%);
  --color-primary-foreground: hsl(210 40% 98%);
  --color-secondary: hsl(34 20% 94%);
  --color-secondary-foreground: hsl(191 50% 15%);
  --color-accent: hsl(210 40% 96.1%);
  --color-accent-foreground: hsl(222.2 47.4% 11.2%);
  --color-background: hsl(0 0% 100%);
  --color-foreground: hsl(190 51% 15%);
  --color-destructive: hsl(0 80% 65%);
  --color-destructive-foreground: hsl(210 40% 98%);
  --color-muted-foreground: hsl(191 8% 49%);
  --color-muted: hsl(0 0% 100%);
  --color-border: hsl(36 17% 94%);
  --color-input: hsl(214.3 31.8% 91.4%);
  --color-ring: hsl(215 20.2% 65.1%);
  --color-link: hsl(227 73% 51%);
  --color-card: hsl(30 1% 98%);
  --color-card-foreground: hsl(222.2 47.4% 11.2%);
  --color-warning: hsl(38 79% 60%);
  --color-warning-foreground: hsl(222.2 47.4% 11.2%);
  --color-success: hsl(140 72% 51%);
  --color-success-foreground: hsl(210 40% 98%);
}