/*
 * Orisa documentation skin — design tokens from orisa-main.css
 */
:root {
	--at-ff-body: 'DM Sans', sans-serif;
	--at-ff-heading: 'DM Sans', sans-serif;
	--at-neutral-0: #FEFEFE;
	--at-neutral-50: #F2F2F2;
	--at-neutral-100: #DFDFDF;
	--at-neutral-200: #CDCCCC;
	--at-neutral-300: #B7B7B7;
	--at-neutral-500: #585959;
	--at-neutral-700: #303030;
	--at-neutral-900: #1D1D1D;
	--at-neutral-950: #0F0F0F;
	--at-theme-primary: #F0460E;
	--doc-sidebar-bg: var(--at-neutral-50);
	--doc-sidebar-border: var(--at-neutral-100);
	--doc-content-bg: var(--at-neutral-0);
	--doc-text: var(--at-neutral-900);
	--doc-text-muted: var(--at-neutral-500);
	--doc-code-bg: var(--at-neutral-50);
}

.doc-area {
	background: var(--doc-content-bg);
}

.doc-content {
	background: var(--doc-content-bg);
}

.wlc-title {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.2;
	color: var(--doc-text);
}

.doc-box img {
	border: 1px solid var(--doc-sidebar-border);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(15, 15, 15, 0.06);
}

.doc-box strong {
	color: var(--doc-text);
	font-weight: 600;
}

.doc-box ul.item-details li {
	color: var(--doc-text-muted);
}

.doc-box ul.item-details li strong {
	color: var(--doc-text);
}

.doc-menu::-webkit-scrollbar {
	width: 6px;
	display: block;
}

.doc-menu::-webkit-scrollbar-thumb {
	background: var(--at-neutral-200);
	border-radius: 3px;
}

.doc-menu::-webkit-scrollbar-thumb:hover {
	background: var(--at-neutral-300);
}

.doc-logo img {
	display: block;
}

.header-menu ul li a {
	transition: color 0.25s ease;
}

.side-mobile-menu ul li a {
	transition: color 0.25s ease, background 0.25s ease;
}

.breadcrumb > .active {
	color: var(--doc-text-muted);
}

.theme-bg,
.primary-bg,
.black-bg {
	background: var(--at-neutral-950);
}

.theme-color,
.primary-color {
	color: var(--at-theme-primary);
}

.gray-bg {
	background: var(--at-neutral-50);
}

.white-bg {
	background: var(--doc-content-bg);
}

.separator {
	border-top: 1px solid var(--doc-sidebar-border);
}

.doc-box h3,
.doc-box h4,
.doc-box h5 {
	color: var(--doc-text);
}

.doc-box ol li,
.doc-box ul li {
	color: var(--doc-text);
}

.doc-box table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

.doc-box table th,
.doc-box table td {
	border: 1px solid var(--doc-sidebar-border);
	padding: 12px 16px;
	text-align: left;
}

.doc-box table th {
	background: var(--at-neutral-50);
	font-weight: 600;
}

.doc-box table tr:nth-child(even) td {
	background: rgba(242, 242, 242, 0.5);
}