/* ---- CSS Variables ---- */
:root {
  --main: #2563EB;
  --main-light: #DBEAFE;
  --main-hover: #1D4ED8;
  --accent: #0EA5E9;
  --success: #10B981;
  --warning: #F59E0B;
  --danger: #EF4444;
  --text: #1E293B;
  --text-muted: #64748B;
  --border: #E2E8F0;
  --bg: #F8FAFC;
  --white: #FFFFFF;
  --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --radius: 10px;
  --radius-sm: 6px;
  --header-h: 60px;
  --nav-w: 220px;
  --main-padding-v: 28px;
  --main-padding-h: 32px;
}

body {
	max-width: 1200px;
	margin: 0 auto;
}

a {
	text-decoration: none;
}

button:disabled {
	background-color: gray;
	opacity: 0.5;
}

.detail-cta-bar {
	max-width: 1200px;
	margin: 0 auto;
}

.bottom-nav {
	max-width: 1200px;
	margin: 0 auto;
}