/*
Theme Name: Adotah Suporte
Theme URI: https://adotah.com.br
Author: Adotah
Description: Central de ajuda alinhada ao design system do CRM Adotah (Outfit, índigo, dark #1A1A2E).
Version: 2.2.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adotah-suporte
*/

/*
 * Cores e espaçamento espelham frontend/src/app/globals.css e tailwind (brand indigo #6366F1).
 * Fontes: Outfit + JetBrains Mono (inc/assets.php).
 */
:root {
	/* Brand – mesmo índigo do CRM */
	--adotah-primary: #6366f1;
	--adotah-primary-hover: #4f46e5;
	--adotah-primary-light: #e0e7ff;
	--adotah-primary-dark: #3730a3;
	--adotah-primary-muted: rgba(99, 102, 241, 0.35);
	--adotah-primary-glow: rgba(99, 102, 241, 0.25);
	/* Light surface */
	--adotah-text: #111827;
	--adotah-text-muted: #6b7280;
	--adotah-bg: #fafbfc;
	--adotah-header-bg: #ffffff;
	--adotah-surface: #ffffff;
	--adotah-surface-2: #f3f4f6;
	--adotah-surface-hover: #e5e7eb;
	--adotah-border: #e5e7eb;
	--adotah-border-strong: #d1d5db;
	/* Raios – rounded-lg / xl do CRM */
	--adotah-radius: 8px;
	--adotah-radius-lg: 12px;
	--adotah-radius-xl: 16px;
	--adotah-space-section: 2rem;
	--adotah-space-card: 1.5rem;
	--adotah-font-sans: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--adotah-font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
	--adotah-max-width: 1200px;
	--adotah-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
	--adotah-shadow-card: 0 1px 3px 0 rgb(0 0 0 / 0.05), 0 1px 2px -1px rgb(0 0 0 / 0.05);
	--adotah-shadow-card-hover: 0 10px 25px -5px rgb(0 0 0 / 0.08), 0 8px 10px -6px rgb(0 0 0 / 0.05);
	--adotah-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);
	--adotah-code-bg: #0f172a;
	--adotah-code-inline-bg: #e5e7eb;
	--adotah-focus-ring: rgba(99, 102, 241, 0.35);
	--adotah-highlight-bg: #fef08a;
	--adotah-warning: #d97706;
	--adotah-success: #16a34a;
	--adotah-alert-info-bg: #eff6ff;
	--adotah-alert-warn-bg: #fffbeb;
	--adotah-alert-success-bg: #f0fdf4;
}

/* Dark – equivalente a .dark no globals.css do CRM */
html[data-theme="dark"] {
	--adotah-primary: #818cf8;
	--adotah-primary-hover: #a5b4fc;
	--adotah-primary-light: rgba(99, 102, 241, 0.2);
	--adotah-primary-dark: #c7d2fe;
	--adotah-primary-muted: rgba(129, 140, 248, 0.35);
	--adotah-primary-glow: rgba(99, 102, 241, 0.35);
	--adotah-text: #f8fafc;
	--adotah-text-muted: #9ca3af;
	--adotah-bg: #1a1a2e;
	--adotah-header-bg: #111827;
	--adotah-surface: #111827;
	--adotah-surface-2: #1f2937;
	--adotah-surface-hover: #374151;
	--adotah-border: #374151;
	--adotah-border-strong: #4b5563;
	--adotah-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
	--adotah-shadow-card: 0 8px 24px -4px rgba(0, 0, 0, 0.35);
	--adotah-shadow-card-hover: 0 20px 40px -10px rgba(0, 0, 0, 0.45);
	--adotah-shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.5);
	--adotah-code-bg: #030712;
	--adotah-code-inline-bg: #374151;
	--adotah-focus-ring: rgba(129, 140, 248, 0.4);
	--adotah-highlight-bg: rgba(250, 204, 21, 0.35);
	--adotah-alert-info-bg: rgba(59, 130, 246, 0.12);
	--adotah-alert-warn-bg: rgba(245, 158, 11, 0.12);
	--adotah-alert-success-bg: rgba(34, 197, 94, 0.12);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--adotah-font-sans);
	font-size: 16px;
	line-height: 1.6;
	color: var(--adotah-text);
	background: var(--adotah-bg);
	-webkit-font-smoothing: antialiased;
	transition: background-color 0.2s ease, color 0.2s ease;
}

a {
	color: var(--adotah-primary);
	text-decoration: none;
}

a:hover {
	color: var(--adotah-primary-hover);
	text-decoration: underline;
}

/* Scrollbar – padrão CRM */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: #d1d5db;
	border-radius: 999px;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
	background: #4b5563;
}

::-webkit-scrollbar-thumb:hover {
	background: #9ca3af;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
	background: #6b7280;
}

::selection {
	background: var(--adotah-primary-light);
	color: var(--adotah-primary-dark);
}

html[data-theme="dark"] ::selection {
	background: rgba(99, 102, 241, 0.35);
	color: #e0e7ff;
}

/* Blocos de código */
.adotah-doc-content pre code,
.adotah-prose pre code {
	color: #e5e7eb;
	font-family: var(--adotah-font-mono);
}