/* ============================================================
   Bosch Nhập Khẩu — Design tokens (CSS variables)
   Nguồn: design_handoff README.md
   ============================================================ */
:root {
	/* Brand */
	--bnk-red: #E2001A;
	--bnk-red-dark: #9e0512;
	--bnk-red-soft: #fbf2f3;
	--bnk-red-soft-border: #f4d7da;

	/* Ink / charcoal */
	--bnk-ink: #16191c;
	--bnk-ink-2: #1f2429;
	--bnk-ink-3: #2c3137;
	--bnk-hero: #0f1316;

	/* Text */
	--bnk-text: #16191c;
	--bnk-text-2: #5b6166;
	--bnk-text-3: #6b7176;
	--bnk-muted: #9aa0a5;
	--bnk-muted-2: #b4b9bd;
	--bnk-on-dark: #9ba1a6;
	--bnk-on-dark-2: #c7ccd1;

	/* Lines */
	--bnk-border: #e7eaec;
	--bnk-border-2: #e0e3e5;
	--bnk-border-3: #eef0f2;
	--bnk-input-border: #d9dde0;
	--bnk-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%235b6166' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

	/* Surfaces */
	--bnk-bg: #ffffff;
	--bnk-soft: #f5f6f7;
	--bnk-soft-2: #f7f8f9;
	--bnk-soft-3: #fafbfb;
	--bnk-chip: #f3f5f6;

	/* Status */
	--bnk-success: #2b9d5f;
	--bnk-success-bg: #eaf6ef;
	--bnk-warning: #d98324;
	--bnk-warning-bg: #fdf3e7;
	--bnk-star: #f5a623;

	/* Layout */
	--bnk-container: 1240px;
	--bnk-pad: 24px;
	--bnk-gap: 20px;
	--bnk-header-h: 78px;

	/* Radius */
	--bnk-r-card: 12px;
	--bnk-r-card-lg: 14px;
	--bnk-r-btn: 7px;
	--bnk-r-badge: 3px;
	--bnk-r-pill: 30px;

	/* Shadow */
	--bnk-shadow-card: 0 14px 30px -16px rgba(0, 0, 0, .3);
	--bnk-shadow-soft: 0 6px 18px -10px rgba(0, 0, 0, .18);
	--bnk-shadow-red: 0 10px 24px -12px rgba(226, 0, 26, .45);

	/* Font */
	--bnk-font: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}