/**
 * AUDIMAC Base — Typography & Link System
 * ----------------------------------------------------------------------
 * File: assets/css/base.css
 * Phụ thuộc: tokens.css phải load trước.
 *
 * KHÔNG restyle global h1-h6/a/p (tránh phá theme Moderno hiện có).
 * Dùng utility class .audm-h1..h6/.audm-body/.audm-lead/.audm-small/
 * .audm-caption/.audm-link — chỉ áp dụng bên trong nội dung do AUDIMAC
 * component render ra.
 */

/* ============================================================
   Headings
   ============================================================ */
.audm-h1, .audm-h2, .audm-h3, .audm-h4, .audm-h5, .audm-h6 {
	color: var(--audm-color-dark);
	font-family: var(--audm-font-family);
	font-weight: var(--audm-font-weight-bold);
	line-height: var(--audm-line-height-tight);
	margin: 0;
}

.audm-h1 { font-size: var(--audm-font-size-4xl); }
.audm-h2 { font-size: var(--audm-font-size-3xl); }
.audm-h3 { font-size: var(--audm-font-size-2xl); }
.audm-h4 { font-size: var(--audm-font-size-xl); font-weight: var(--audm-font-weight-semibold); }
.audm-h5 { font-size: var(--audm-font-size-lg); font-weight: var(--audm-font-weight-semibold); }
.audm-h6 {
	font-size: var(--audm-font-size-sm);
	font-weight: var(--audm-font-weight-semibold);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* ============================================================
   Body text variants
   ============================================================ */
.audm-body {
	color: var(--audm-color-dark);
	font-family: var(--audm-font-family);
	font-size: var(--audm-font-size-md);
	font-weight: var(--audm-font-weight-regular);
	line-height: var(--audm-line-height-base);
	margin: 0;
}

.audm-lead {
	color: var(--audm-color-gray);
	font-size: var(--audm-font-size-lg);
	font-weight: var(--audm-font-weight-regular);
	line-height: var(--audm-line-height-relaxed);
	margin: 0;
}

.audm-small {
	color: var(--audm-color-gray);
	font-size: var(--audm-font-size-sm);
	line-height: var(--audm-line-height-base);
	margin: 0;
}

.audm-caption {
	color: var(--audm-color-gray-light);
	font-size: var(--audm-font-size-xs);
	line-height: var(--audm-line-height-base);
	margin: 0;
}

.audm-label {
	display: inline-block;
	color: var(--audm-color-dark);
	font-size: var(--audm-font-size-sm);
	font-weight: var(--audm-font-weight-medium);
	margin-bottom: var(--audm-space-2);
}

/* ============================================================
   Link system
   ============================================================ */
.audm-link {
	color: var(--audm-color-primary);
	text-decoration: none;
	font-weight: var(--audm-font-weight-medium);
	transition: color var(--audm-transition);
}
.audm-link:hover { color: var(--audm-color-primary-hover); text-decoration: underline; }
.audm-link:focus-visible {
	outline: 2px solid var(--audm-color-primary);
	outline-offset: 2px;
	border-radius: var(--audm-radius-sm);
}
.audm-link:visited { color: var(--audm-color-primary); }

/* Link ra ngoài site — gắn icon nhỏ bằng ::after, không phụ thuộc JS/ảnh */
.audm-link--external::after {
	content: "↗";
	display: inline-block;
	margin-left: 4px;
	font-size: 0.85em;
}

/* Responsive typography: xem assets/css/responsive.css (mọi media query
   tập trung ở 1 file duy nhất theo CSS Architecture đã chốt). */