/**
 * Theme Name: NTPanel Child
 * Description: Child theme for Nhật Thành Panel storefront
 * Author: Nhật Thành Panel
 * Template: ntpanel
 * Text Domain: ntpanel-child
 */

/*
 * Mulish via Google Fonts (`ntpanel-fonts`) with full wght axis 200–1000.
 * Use any font-weight; tokens below map the complete scale.
 */
:root {
	--ntpanel-font-family: "Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;
	--ntpanel-fw-200: 200;
	--ntpanel-fw-300: 300;
	--ntpanel-fw-400: 400;
	--ntpanel-fw-500: 500;
	--ntpanel-fw-600: 600;
	--ntpanel-fw-700: 700;
	--ntpanel-fw-800: 800;
	--ntpanel-fw-900: 900;
	--ntpanel-fw-1000: 1000;
	--theme-font-family: var(--ntpanel-font-family) !important;
	--theme-button-font-family: var(--ntpanel-font-family) !important;
	--theme-form-font-family: var(--ntpanel-font-family) !important;
}

html,
body {
	font-family: var(--ntpanel-font-family) !important;
	font-weight: var(--ntpanel-fw-500);
	font-synthesis: weight style;
	letter-spacing: 0.01em;
	-webkit-font-smoothing: auto;
}

body button,
body input,
body optgroup,
body select,
body textarea,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .entry-content,
body .entry-summary,
body .wp-block-button,
body .wp-block-navigation,
body .ct-menu-link,
body .ct-header [data-id] {
	font-family: var(--ntpanel-font-family) !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	font-weight: var(--ntpanel-fw-700);
	letter-spacing: 0;
}

body button,
body input,
body select,
body textarea {
	font-weight: var(--ntpanel-fw-500);
}