@import 'tailwindcss';
@import '@manacore/shared-tailwind/themes.css';

/* Scan shared packages for Tailwind classes */
@source "../../../../../packages/shared-ui/src";
@source "../../../../../packages/shared-theme-ui/src";
@source "../../../../../packages/shared-theme-ui/src/components";
@source "../../../../../packages/shared-theme-ui/src/pages";

:root {
	/* Questions App - Indigo/Blue Theme */
	--color-primary: #6366f1;
	--color-primary-hover: #4f46e5;
	--color-primary-light: #818cf8;
	--color-primary-dark: #4338ca;

	--color-secondary: #e0e7ff;
	--color-secondary-hover: #c7d2fe;

	--color-accent: #8b5cf6;
	--color-accent-hover: #7c3aed;

	/* Question status colors */
	--color-status-open: #6b7280;
	--color-status-researching: #3b82f6;
	--color-status-answered: #22c55e;
	--color-status-archived: #9ca3af;

	/* Research depth colors */
	--color-depth-quick: #22c55e;
	--color-depth-standard: #eab308;
	--color-depth-deep: #8b5cf6;

	/* Priority colors */
	--color-priority-low: #6b7280;
	--color-priority-normal: #3b82f6;
	--color-priority-high: #f97316;
	--color-priority-urgent: #ef4444;
}

/* Dark mode overrides */
:root.dark {
	--color-secondary: #1e1b4b;
	--color-secondary-hover: #2e1065;
}

/* Question card transitions */
.question-card {
	transition:
		transform 0.15s ease,
		box-shadow 0.15s ease,
		border-color 0.15s ease;
}

.question-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Collection item styling */
.collection-item {
	transition: background-color 0.15s ease;
}

.collection-item:hover {
	background-color: var(--color-secondary);
}

.collection-item.active {
	background-color: var(--color-secondary);
	border-left: 3px solid var(--color-primary);
}

/* Research progress animation */
.research-progress {
	background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.7;
	}
}

/* Source card */
.source-card {
	transition: all 0.15s ease;
	border-left: 3px solid transparent;
}

.source-card:hover {
	border-left-color: var(--color-primary);
	background-color: var(--color-secondary);
}

/* Answer styling */
.answer-accepted {
	border: 2px solid var(--color-status-answered);
	background-color: rgba(34, 197, 94, 0.05);
}

/* Tag badges */
.tag-badge {
	transition: all 0.15s ease;
}

.tag-badge:hover {
	transform: scale(1.05);
}

/* Depth indicator */
.depth-indicator {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.25rem 0.5rem;
	border-radius: 9999px;
	font-size: 0.75rem;
	font-weight: 500;
}

.depth-quick {
	background-color: rgba(34, 197, 94, 0.1);
	color: var(--color-depth-quick);
}

.depth-standard {
	background-color: rgba(234, 179, 8, 0.1);
	color: var(--color-depth-standard);
}

.depth-deep {
	background-color: rgba(139, 92, 246, 0.1);
	color: var(--color-depth-deep);
}

/* Markdown content styling */
.markdown-content {
	line-height: 1.7;
}

.markdown-content h1,
.markdown-content h2,
.markdown-content h3 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: 600;
}

.markdown-content p {
	margin-bottom: 1em;
}

.markdown-content ul,
.markdown-content ol {
	margin-left: 1.5em;
	margin-bottom: 1em;
}

.markdown-content code {
	background-color: var(--color-secondary);
	padding: 0.125rem 0.25rem;
	border-radius: 0.25rem;
	font-size: 0.875em;
}

.markdown-content pre {
	background-color: var(--color-secondary);
	padding: 1rem;
	border-radius: 0.5rem;
	overflow-x: auto;
	margin-bottom: 1em;
}

.markdown-content blockquote {
	border-left: 3px solid var(--color-primary);
	padding-left: 1rem;
	margin-left: 0;
	color: var(--color-text-muted);
}
