/*
 * ai.tigron.be
 *
 * Brand and component styles on top of Tabler.
 */

:root {
	--tblr-primary: #4f46e5;
	--tblr-primary-rgb: 79, 70, 229;
	--tblr-primary-hover: #4338ca;
	--tblr-primary-hover-rgb: 67, 56, 202;
	--tblr-primary-active: #3730a3;
	--tblr-primary-active-rgb: 55, 48, 163;
	--ai-accent: #06b6d4;
	--ai-accent-rgb: 6, 182, 212;
}

.font-mono {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 0.9em;
}

.subheader {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--tblr-secondary-color, #64748b);
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.large {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.2;
}

pre code {
	font-size: 0.85rem;
	white-space: pre-wrap;
	word-break: break-word;
}

.bg-surface-light {
	background: var(--tblr-bg-surface-light, #f6f8fb);
}

.navbar-brand-text {
	display: inline-flex;
	align-items: center;
}

/* Usage hierarchy tree */
.tree-toggle {
	transition: transform 0.15s ease-in-out;
}

.tree-toggle.collapsed {
	transform: rotate(-90deg);
}

.tree-branch {
	border-left: 2px solid var(--tblr-border-color, #e9ecef);
}

/* The quick-start curl example on the dashboard */
pre {
	color: inherit;
	tab-size: 2;
}

/*
 * Icon-only buttons in tables (the right-aligned "Actions" column).
 *
 * .btn-icon centers the glyph in a square box, which leaves a visible gap
 * between the icon and the "Actions" header text. Hugging the icon instead
 * puts the glyph on the same right edge as the header.
 */
.table .btn-icon {
	min-width: calc(var(--tblr-btn-icon-size) + var(--tblr-btn-border-width) * 2);
}