/* ============================================================
   Maison Chen Law Group — Global Base Styles
   ============================================================ */

/* --- Reset & Base --- */
*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	/* Brand palette */
	--navy:           #1b2a4a;
	--navy-deep:      #141f38;
	--green:          #3aaf6c;
	--green-hover:    #2d9458;
	--green-disabled: #a8d8b9;
	--green-light:    #e8f5ee;
	--cream:          #fffbf6;
	--cream-dark:     #f5efe8;
	--gold:           #d4a04a;
	--red:            #c0392b;
	--red-hover:      #a93226;
	--red-light:      #fdf2f2;
	--text:           #2c2c2c;
	--text-light:     #6b6b6b;
	--text-muted:     #9a9a9a;
	--border:         #e8e2d9;
	--white:          #ffffff;
	--card-bg:        #f8f5ef;

	/* Typography */
	--font-display: 'DM Serif Display', Georgia, serif;
	--font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

	/* Sizing */
	--header-h:    72px;
	--max-w:       1200px;
	--radius:      12px;
	--radius-lg:   20px;
	--radius-pill: 100px;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--font-body);
	background: var(--cream);
	color: var(--text);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

img {
	display: block;
	max-width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
}

@media (max-width: 600px) {
	:root {
		--header-h: 60px;
	}
}