/*
 * Design tokens — extracted from Figma file sKWMayboJiTCjMY9bOdyaR
 * via get_variable_defs(). Names mirror Figma variable names.
 */

:root {
	/* Brand palette (burgundy primary, charcoal accent) */
	--bc-brand-25:  #EBE9E8;
	--bc-brand-600: #88263C;
	--bc-brand-800: #2E3247;

	/* Text palette */
	--bc-text-25:   #F9F9FB;
	--bc-text-50:   #EBE9E8;
	--bc-text-200:  #B1AFAC;
	--bc-text-500:  #83807C;
	--bc-text-600:  #64625E;
	--bc-text-950:  #14141C;

	/* Backgrounds */
	--bc-bg-white:  #F9F8F8;
	--bc-bg-gray:   #F9F9FB;

	/* Shadows */
	--bc-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);

	/* Type families */
	--bc-font-display: "Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;
	--bc-font-body:    "Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;
	--bc-font-tag:     "Kanit", "Mulish", system-ui, sans-serif;

	/* Type scale (display) — Mulish Light, tight tracking */
	--bc-display-2xl-size:    72px;
	--bc-display-2xl-leading: 90px;
	--bc-display-2xl-tracking: -2px;
	--bc-display-2xl-weight:  300;

	--bc-display-lg-size:     48px;
	--bc-display-lg-leading:  60px;
	--bc-display-lg-tracking: -2px;
	--bc-display-lg-weight:   300;

	--bc-display-xs-size:     24px;
	--bc-display-xs-leading:  32px;
	--bc-display-xs-weight:   700; /* Kanit */

	/* Type scale (body) */
	--bc-text-xl-size:    20px;
	--bc-text-xl-leading: 30px;

	--bc-text-lg-size:    18px;
	--bc-text-lg-leading: 28px;

	--bc-text-md-size:    16px;
	--bc-text-md-leading: 24px;

	--bc-text-sm-size:    14px;
	--bc-text-sm-leading: 20px;

	--bc-text-xs-size:    12px;
	--bc-text-xs-leading: 18px;

	/* Layout — Figma frame is 1440 wide, content padded 160 each side = 1120 container */
	--bc-frame-max:    1440px;
	--bc-container:    1120px;
	--bc-gutter:       160px;
	--bc-gutter-mobile: 20px;

	/* Spacing scale — Figma uses 4-step (4/8/12/16/20/24/32/40/48/64/80/100) */
	--bc-space-1:  4px;
	--bc-space-2:  8px;
	--bc-space-3:  12px;
	--bc-space-4:  16px;
	--bc-space-5:  20px;
	--bc-space-6:  24px;
	--bc-space-8:  32px;
	--bc-space-10: 40px;
	--bc-space-12: 48px;
	--bc-space-16: 64px;
	--bc-space-20: 80px;
	--bc-space-25: 100px;
}