/**
 * CMP LMS — Design tokens (Tutor Starter defaults + CMP aliases).
 *
 * @package CMP_LMS
 */

:root {
	/* BizNext palette (biznext.vn — áp dụng đồng bộ font/màu/nút) */
	--ts-primary: #0066ff;
	--ts-primary-dark: #0052cc;
	--ts-primary-light: #00aeef;
	--ts-primary-soft: rgba(0, 102, 255, 0.1);
	--ts-text: #ffffff;
	--ts-text-strong: #0f172a;
	--ts-enroll-button-text: #ffffff;
	--ts-text-footer: #ffffff;
	--ts-muted: #64748b;
	--ts-border: #e3e6eb;
	--ts-surface: #ffffff;
	--ts-surface-soft: #f6f8fc;
	--ts-footer-bg: var(--ts-primary);
	--ts-footer-text: #ffffff;
	--ts-radius-sm: 8px;
	--ts-radius-md: 12px;
	--ts-radius-lg: 16px;
	--ts-radius-pill: 50px;
	--ts-radius-btn: 12px;
	--ts-shadow-sm: 0 2px 12px rgba(30, 30, 44, 0.06);
	--ts-shadow-md: 0 8px 28px rgba(30, 30, 44, 0.08);
	--ts-font-body: "Manrope", "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
	--ts-font-heading: "Manrope", "Be Vietnam Pro", system-ui, sans-serif;

	/* Fixed header stack (header → sub-nav blog) */
	--cmp-header-bg: var(--ts-primary);
	--cmp-header-fg: #ffffff;
	--cmp-header-fg-muted: rgba(255, 255, 255, 0.88);
	--cmp-wp-admin-bar-height: 0px;
	--cmp-header-height: 72px;
	--cmp-header-stack-top: var(--cmp-header-height);
	--cmp-header-fixed-z: 1020;
	--cmp-subnav-sticky-z: 1010;

	/* Legacy CMP aliases → Tutor Starter */
	--cmp-font: var(--ts-font-body);
	--cmp-blue: var(--ts-primary);
	--cmp-blue-dark: #003a8c;
	--cmp-blue-header: var(--ts-primary);
	--cmp-orange: var(--ts-primary-dark);
	--cmp-orange-light: var(--ts-primary);
	--cmp-white: var(--ts-surface);
	--cmp-primary: var(--ts-primary);
	--cmp-primary-dark: var(--ts-primary-dark);
	--cmp-accent: var(--ts-primary-dark);
	--cmp-text: var(--ts-text-strong);
	--cmp-muted: var(--ts-muted);
	--cmp-bg: var(--ts-surface-soft);
	--cmp-biz-primary: var(--ts-primary);
	--cmp-biz-orange: var(--ts-primary-dark);
	--cmp-biz-text: var(--ts-text-strong);
	--cmp-biz-muted: var(--ts-muted);
	--cmp-biz-border: var(--ts-border);
	--cmp-biz-bg-soft: var(--ts-surface-soft);
	--cmp-gt-primary: var(--ts-primary);
	--cmp-gt-accent: var(--ts-primary-dark);

	/* Falcon-style dashboard sidebar (Tutor dashboard) */
	--cmp-dash-sidebar-width: 17.875rem;
	--cmp-dash-sidebar-bg: #edf2f9;
	--cmp-dash-page-bg: #f9fafd;
	--cmp-dash-nav-fg: #344050;
	--cmp-dash-nav-muted: #748194;
	--cmp-dash-nav-icon: var(--ts-primary);
	--cmp-dash-nav-active-bg: var(--ts-primary-soft);
	--cmp-dash-nav-hover-bg: rgba(0, 0, 0, 0.04);
	--cmp-dash-nav-radius: 0.5rem;
	--cmp-dash-card-bg: #ffffff;
	--cmp-dash-card-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}