/*
Theme Name:   Bess Company Theme Child
Theme URI:    https://elementor.com
Description:  Child of Hello Elementor — custom blog single & archive chrome; all other pages use Elementor/Hello as configured.
Author:       Bess & Company
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-bess-company
*/

/* ─── Design tokens (from code_1.html) ─────────────────── */
:root {
	--color-primary: #0f8487;
	--color-primary-dark: #118488;
	--color-on-primary: #ffffff;
	--color-surface: #ffffff;
	--color-bg: #ffffff;
	--color-text: #1a1a1a;
	--color-text-body: #2d2d2d;
	--color-text-muted: #4a4a4a;
	--color-text-subtle: #717171;
	--color-neutral-100: #f5f5f5;
	--color-neutral-200: #eeeeee;
	--color-neutral-400: #a3a3a3;
	--color-neutral-600: #525252;
	--color-neutral-800: #262626;
	--color-neutral-900: #171717;
	--color-border-light: #f0f0f0;
	--color-border: #e5e5e5;
	--font-primary: "Be Vietnam Pro", sans-serif;
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-extrabold: 800;
	--content-max-width: 720px;
	--site-max-width: 1280px;
	--site-padding-x: 24px;
	--content-padding-x: 32px;
	--radius-sm: 2px;
	--radius-md: 4px;
	--radius-lg: 8px;
	--radius-full: 9999px;
	--header-height: 64px;
	--bp-md: 768px;
	--bp-lg: 1025px;
	/* Thumbnail / OG image ratio 1200×630 — dùng: aspect-ratio: var(--bess-image-aspect-w) / var(--bess-image-aspect-h) */
	--bess-image-aspect-w: 1200;
	--bess-image-aspect-h: 630;
}

/* ─── Be Vietnam Pro — site-wide base (font enqueued in functions.php) ─ */
html {
	font-family: var(--font-primary);
}

body,
button,
input,
select,
textarea {
	font-family: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}