/**
 * Taleo-Today Admin — design tokens (from www.taleo.today storyverse.css)
 */
:root {
	--tt-admin-primary: #6366f1;
	--tt-admin-primary-dark: #4f46e5;
	--tt-admin-brand-purple: #6e51eb;
	--tt-admin-sidebar-bg: #0b0b0e;
	--tt-admin-sidebar-hover: #16161a;
	--tt-admin-sidebar-border: #2a2a2e;
	--tt-admin-content-bg: #f4f6f9;
	--tt-admin-surface: #ffffff;
	--tt-admin-text: #1a1a1e;
	--tt-admin-text-muted: #6b6b70;
	--tt-admin-border: #e2e5eb;
	--tt-admin-card-radius: 12px;
	--tt-admin-font: "DM Sans", "Noto Sans KR", system-ui, sans-serif;
	--tt-admin-font-display: "Fraunces", "Noto Sans KR", serif;
	--tt-admin-success: #32d583;
	--tt-admin-warning: #ffb547;
	--tt-admin-danger: #e85a4f;
	--tt-admin-navbar-height: 56px;

	--bs-primary: var(--tt-admin-primary);
	--bs-primary-rgb: 99, 102, 241;
	--bs-body-font-family: var(--tt-admin-font);
	--bs-body-bg: var(--tt-admin-content-bg);
	--bs-body-color: var(--tt-admin-text);
	--bs-border-color: var(--tt-admin-border);
	--bs-link-color: var(--tt-admin-primary);
	--bs-link-hover-color: var(--tt-admin-primary-dark);
	--bs-border-radius: var(--tt-admin-card-radius);
	--bs-border-radius-sm: 8px;
}

body.admin-app {
	font-family: var(--tt-admin-font);
	background-color: var(--tt-admin-content-bg);
	color: var(--tt-admin-text);
	-webkit-font-smoothing: antialiased;
}

.btn-primary {
	--bs-btn-bg: var(--tt-admin-primary);
	--bs-btn-border-color: var(--tt-admin-primary);
	--bs-btn-hover-bg: var(--tt-admin-primary-dark);
	--bs-btn-hover-border-color: var(--tt-admin-primary-dark);
	--bs-btn-active-bg: var(--tt-admin-primary-dark);
	--bs-btn-active-border-color: var(--tt-admin-primary-dark);
}

.form-control:focus,
.form-select:focus {
	border-color: var(--tt-admin-primary);
	box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.2);
}